CINXE.COM
Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式
<!DOCTYPE html> <html lang="ja-JP"> <head> <!-- PWA - manifest <link rel="manifest" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/pwa/manifest/jp.json"> --> <!-- PWA - Browser Compatible <script async src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/pwa/js/pwacompat.js"></script> --> <!-- <meta name="theme-color" content="#0c4da2"> --> <!-- Add to home screen for Safari on iOS --> <!-- <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Samsung Shop"> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/pwa/icon/pwa_icon_192x192.png"> --> <!-- Add to home screen for Windows --> <!-- <meta name="msapplication-TileImage" content="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/pwa/icon/pwa_icon_192x192.png"> <meta name="msapplication-TileColor" content="#000000"> --> <link rel="preconnect" href="//images.samsung.com"/> <!-- Load clientLibs required when initializing Authoring: head.html override required to be added! --> <!-- Load clientLibs required when initializing Authoring: head.html override required to be added! --> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!-- SEO --> <title>Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式 </title> <meta name="title" content="Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式 "/> <link rel="canonical" href="https://www.samsung.com/jp/smartphones/galaxy-s24/"/> <meta name="keywords" content="galaxy s24, galaxy 最新機種, 新しいgalaxy, 最新スマホ, galaxy ai"/> <meta name="description" content="Galaxy AIと高性能カメラを搭載したフラッグシップモデルのGalaxy S24。モバイル端末の新基準となる最新スマートフォンです。2024年4月11日発売。"/> <meta name="date" content="2024-11-13"/> <meta name="sitecode" content="jp"/> <meta name="robots" content="max-image-preview:large"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@SamsungJPN"/> <meta name="twitter:creator" content="@SamsungJPN"/> <meta name="twitter:url" content="https://www.samsung.com/jp/smartphones/galaxy-s24/"/> <meta name="twitter:title" content="Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式 "/> <meta name="twitter:description" content="Galaxy AIと高性能カメラを搭載したフラッグシップモデルのGalaxy S24。モバイル端末の新基準となる最新スマートフォンです。2024年4月11日発売。"/> <meta name="twitter:image" content="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-share-image.jpg"/> <meta property="og:url" content="https://www.samsung.com/jp/smartphones/galaxy-s24/"/> <meta property="og:image" content="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-share-image.jpg"/> <meta property="og:type" content="website"/> <meta property="og:site_name" content="Samsung jp"/> <meta property="og:locale" content="ja-JP"/> <meta property="og:title" content="Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式 "/> <meta property="og:description" content="Galaxy AIと高性能カメラを搭載したフラッグシップモデルのGalaxy S24。モバイル端末の新基準となる最新スマートフォンです。2024年4月11日発売。"/> <meta property="og:country-name" content="jp"/> <meta property="name" content="Samsung jp"/> <meta property="image" content="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-share-image.jpg"/> <meta property="url" content="https://www.samsung.com/jp/smartphones/galaxy-s24/"/> <meta property="description" content="Galaxy AIと高性能カメラを搭載したフラッグシップモデルのGalaxy S24。モバイル端末の新基準となる最新スマートフォンです。2024年4月11日発売。"/> <meta property="keywords" content="galaxy s24, galaxy 最新機種, 新しいgalaxy, 最新スマホ, galaxy ai"/> <meta name="thumbnail" content="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-thumbnail-image.jpg" alt="Galaxy S24 and S24+"/> <link rel="icon" type="image/png" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png" sizes="96x96"/> <link rel="shortcut icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/Favicon.png"/> <link rel="apple-touch-icon" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/app_ico.png" sizes="144x144"/> <!-- css 위치 변경 1) fonts.css 2) local.css 3) clientlib 카테고리 (230317) --> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/global/css/fonts.css" type="text/css"/> <!-- Local CSS 등록 --> <!-- 파일의 내용이 있는 경우만 호출되도록 수정 (240528) --> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/jp/css/jp.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.72b3474a5ea9ec2c8b38096685e0928d.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.9f42454338d004aefad6d201b952d819.css" type="text/css"> <link rel="preload" as="image" href="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-mo.jpg?imbypass=true" media="(max-width:767px)"/> <link rel="preload" as="image" href="https://images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv.jpg?imbypass=true" media="(min-width:768px)"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-flagship/compact.min.9e7f63a00a52b8ec764f41e0465d482f.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.0183b920d0d2fbbe262f01f565c45cd9.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.b791cc7424186d4c95539d287b2c66cc.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-floating-nav/clientlibs/site.min.1d264d387839e7e7af7019fe112f7def.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.ae85240e2285ff65e974c0b136a75d59.css" type="text/css"/> <link rel="stylesheet" href="/etc.clientlibs/samsung/components/content/consumer/global/navigation/nv-g-breadcrumb/clientlibs/site.min.01c1e7bc1eb1645deacabd158fc75f0f.css" type="text/css"/> <script type="text/javascript"> var winhref = window.location.href.replace("/content/samsung","").replace(".html","/"); if ( winhref.indexOf("?") > 0) { winhref = winhref.substring(0, winhref.indexOf("?")); } var siteCode = winhref.split("/")[3]; //cn인 경우는 경로에서 siteCode를 추출할 수 없으므로 다른 방법으로 접근 if(winhref.indexOf("samsung.com.cn") > 0) { siteCode = "cn"; } //depth Info. var depth = winhref.split("/").length; var depth_last = winhref.split("/")[depth-1]; if(depth_last =="" || depth_last.charAt(0)=="?"){ depth -= 1; } //set pathIndicator(not product page) var pageName = ""; var depth_2 = ""; var depth_3 = ""; var depth_4 = ""; var depth_5 = ""; var digitalData = { "page" : { "pageInfo" : { "siteCode" : "jp", "pageName" : pageName, "pageID" : "L2NvbnRlbnQvc2Ftc3VuZy9qcC9zbWFydHBob25lcy9nYWxheHktczI0", "pageTrack" : "flagship pdp", "originPlaform" : "web" }, "pathIndicator" : { "depth_2" : depth_2, "depth_3" : depth_3, "depth_4" : depth_4, "depth_5" : depth_5 } }, "user": { "userDeviceList": [ ] }, "product" : { "category" : "", "model_code" : "", // PD class정보 이용하여 설정 "model_name" : "", // PD page(server-side) "displayName" : "", // PD class정보 이용하여 설정 "pvi_type_code" : "", //PD page(server-side) "pvi_type_name" : "", //PD page(server-side) "pvi_subtype_code" : "", //PD page(server-side) "pvi_subtype_name" : "",//PD page(server-side) "pd_type" : "", //PD type "content_id" : "", "products" : "", "prodView" : "" } } </script> <script type="text/javascript"> digitalData.page.pageInfo.pageTrack = "flagship pdp"; </script> <!-- Excluding tagging-related scripts in Author mode --> <!-- Adobe Target Flicker handling --> <script type="text/javascript"> !function(e,n,t,i){var o=e.head;if(o){if(n)return;var a=e.createElement("style");a.id="alloy-prehiding",a.innerText="body { opacity: 0 !important }",o.appendChild(a),setTimeout((function(){a.parentNode&&a.parentNode.removeChild(a)}),1500)}}(document,-1!==document.location.href.indexOf("adobe_authoring_enabled")); </script> <!-- End Adobe Target Flicker handling --> <!-- End Adobe Target Flicker handling --> <!-- Launch Header Embed Code --> <script src="https://assets.adobedtm.com/72afb75f5516/15bb6bfc9c90/launch-a22d48d0e50c.min.js" async></script> <!-- End Launch Header Embed Code --> <!-- ugcGallary --> <!-- false --> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(){function o(n,i){if(n&&i)for(var r in i)i.hasOwnProperty(r)&&(void 0===n[r]?n[r]=i[r]:n[r].constructor===Object&&i[r].constructor===Object?o(n[r],i[r]):n[r]=i[r])}try{var n=decodeURIComponent("%7B%20%22request_client_hints%22%3A%20true%20%7D");if(n.length>0&&window.JSON&&"function"==typeof window.JSON.parse){var i=JSON.parse(n);void 0!==window.BOOMR_config?o(window.BOOMR_config,i):window.BOOMR_config=i}}catch(r){window.console&&"function"==typeof window.console.error&&console.error("mPulse: Could not parse configuration",r)}}();</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="VRZKC-5BSTD-4EWS3-R2J59-B8GYB",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"VRZKC-5BSTD-4EWS3-R2J59-B8GYB",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxjpkdmz2cf7cq-f-81b597d83-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"148155","ak.ai":parseInt("293013",10),"ak.ol":"0","ak.cr":3,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"62245303","ak.r":42017,"ak.a2":e,"ak.m":"x","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":58432,"ak.gh":"184.28.235.14","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732390853","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==MUO0fetw7wJCQaMNggDIRnL6RgsHv4VVvrNPzAvzqGiMNacccEoQbC3nl3NA8eNPPs9Hv8s2sf/EAXAFoTz3Goqs72i0FFPTXD8EEKd5OHcHm9j+v4fh8djsuDukwTZnOZdmmX1UQUXx/R7+cwaTP3jIwtoWNKsokCKMTX8rRghhyF34ioVqFyPxHYJeJSYcpDNrsWxqBa1ShnZOX4bh2hGKU05fTspuMdBIMpQkClha0oXVSM2el7LP33piEaigvM30wpDltruC3l0/rtX4MN/N3hsUjiQPK/FtyCv8i0ZchZw2c4mLLPw6h/D4wjeIHbib0CjaTRu0br/tMx9s4sf/EjoUMJnyghmQdWXbP4F41ekCvT1Pl4ieeNbBqG/oZ5EXJ8a+O22TZ4rT7ELVOnRtcCugycMlGrTeOD5AoMY=","ak.pv":"3677","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body> <!-- ## PWA ## <sly data-sly-test="true"> <script> if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js') .then(function(registration) { console.log("Service Worker registered with scope:", registration.scope); }); } window.addEventListener('beforeinstallprompt', (e) => { // Prevent Chrome 67 and earlier from automatically showing the prompt //e.preventDefault(); console.log("beforeinstallprompt"); }); </script> </sly> --> <script> var isInIframe = (window.location != window.top.location); var isNotDotcom = ( window.location.href.indexOf('samsung.com') < 0); var isTopNotDotcom = ( window.top.location.href.indexOf('samsung.com') < 0); //404 페이지에서는 실행하지 않음. if ( window.location.href.indexOf('404') < 0 && isTopNotDotcom) { if ( isInIframe == true ) { console.log('isInIframe =' + isInIframe ); //에러 페이지 이동 self.location.href /"+siteCd+"/common/404.html window.location.href = '/jp/common/404.html'; } else { console.log('isInIframe =' + isInIframe ); } } </script> <div id="wrap"> <!-- 공통 hidden input 시작--> <!-- typeAheadDomain 기존 search/ -> 붙이던 부분 삭제함 필요시 search/를 붙여서 사용--> <input type="hidden" name="searchDomain" id="searchDomain" value="//searchapi.samsung.com/v6"/> <input type="hidden" name="esapiSearchDomain" id="esapiSearchDomain" value="https://esapi.samsung.com"/> <input type="hidden" name="scene7domain" id="scene7domain" value="//images.samsung.com/is/image/samsung/"/> <input type="hidden" name="reviewUseYN" id="reviewUseYN" value="Y"/> <input type="hidden" name="aplautYn" id="aplautYn" value="N"/> <input type="hidden" name="reevooUseYN" id="reevooUseYN" value="N"/> <input type="hidden" name="bvFlag" id="bvFlag" value="Y"/> <input type="hidden" name="bvRTLFlag" id="bvRTLFlag" value="N"/> <input type="hidden" name="multiLanguageYn" id="multiLanguageYn" value="N"/> <input type="hidden" name="localLang" id="localLang" value="ja-jp"/> <!-- 기존 gnbRunmodeInfo-> runmodeInfo 이름 변경--> <input type="hidden" name="runmodeInfo" id="runmodeInfo" value="live"/> <input type="hidden" name="apiStageInfo" id="apiStageInfo" value="front"/> <input type="hidden" name="tempTitle" id="tempTitle" value="page-flagship"/> <input type="hidden" name="siteCode" id="siteCode" value="jp"/> <input type="hidden" name="store_sitecode" id="store_sitecode" value="jp"/> <input type="hidden" name="language" id="language" value="ja_JP"/> <input type="hidden" name="serverType" id="serverType" value="prod"/> <!-- new-hybris --> <input type="hidden" name="gpvStoreDomain" id="gpvStoreDomain"/> <input type="hidden" name="storeWebDomain" id="storeWebDomain"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris"/> <input type="hidden" name="newHyvStoreDomain" id="newHyvStoreDomain" value="https://api.shop.samsung.com"/> <!-- business page 여부 --> <input type="hidden" name="b2bFlag" id="b2bFlag" value="N"/> <input type="hidden" name="pageUrl" id="pageUrl"/> <input type="hidden" name="pathString" id="pathString"/> <input type="hidden" name="wishlistYn" id="wishlistYn"/> <input type="hidden" name="shopParmLang" id="shopParmLang"/> <input type="hidden" name="reservationDomain" id="reservationDomain"/> <!-- 공통 hidden input 끝--> <section class="progress cm-loader" style="display:none;"> <div class="progress__wrapper"> <div class="progress__circle-1"></div> <div class="progress__circle-2"></div> <div class="progress__circle-3"></div> <div class="progress__circle-4"></div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/js/crypto-js.min.js"></script> <header id="header" role="banner"> <!--googleoff: all--> <div class="skip-bar"> <a href="#content" id="skipToContent">Skip to content</a> <a href="#accHelp" id="skipToAccHelp">Skip to accessibility help</a> </div> </header> <!-- isSaleApplicationCookie=[] --> <!-- getSaleApplicationCookieValue=[] --> <div class="newpar new section"> </div> <div class="par iparys_inherited"> </div> <div class="nv16-country-selector" style="height: 0px;"> <div class="nv16-country-selector__content-wrap"> <div class="nv16-country-selector__content"> <div class="nv16-country-selector__description">地域と言語を選択してください。</div> <div class="nv16-country-selector__select-contaniner" data-country-codes="jp"> <div class="nv16-country-selector__menu"> <div class="menu" data-comp-name="menu"> <select class="menu__select" tabindex="-1"><option selected value="jp" data-country-type="sitecd">日本 / 日本語</option><option value="jp" data-country-type="location">日本 / 日本語</option><option value="other">Other Countries or location</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" type="button" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> <div class="nv16-country-selector__continue"> <button class="cta cta--contained cta--black" aria-label="Button Label" data-action="countrySelectorContinue" an-tr="nv16_gnb-country selector-navigation" an-ca="navigation" an-ac="gnb" an-la="country selector:continue">次に進む</button> </div> </div> <button class="nv16-country-selector__close" data-action="countrySelectorClose"> <span class="hidden">閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <!--# COD05_Mobile App Download Banner #--> <section class="cod05-app-banner" style="display:none"> <!-- /* <div class="cod05-app-banner__icon"> <img src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/ico-shop-app-v2.png" alt="Samsung Shop App Icon"> </div> <div class="cod05-app-banner__content"> <h3 class="cod05-app-banner__title">Samsung Shop app</h3> <p class="cod05-app-banner__desc">Get $500 welcome voucher on login. Downlad the app now.</p> <a class="cta cta--underline cta--black cod05-app-banner__cta" href="#" aria-label="Link Title"> App download </a> </div> <button class="cod05-app-banner__close" data-action="countrySelectorClose"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> */--> </section> <!--# //COD05_Mobile App Download Banner #--> <input type="hidden" name="st_checked" id="st_checked" value="2024-11-23 01:34:24"/> <input type="hidden" name="cookieKey" id="cookieKey" value="cedc6238tqcf1t4f0vl7g50mc70d6a5a"/> <script> var gnbNewModelJson = {"gnbLeftModelList":[{"displayName":"ショップ","englishName":"shop","linkType":"move","linkUrl":"/jp/offer/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"apiUrl":"https://shop.samsung.com/sg/ng/p4v1/getEstoreCategoryListJsonP","ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1only","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"AI","englishName":"AI","linkType":"move","linkUrl":"/jp/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1l2spread","containerAlignment":"left","ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"製品情報","englishName":"mobile","linkType":"move","linkUrl":"/jp/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"left","groupCode":"23000000","apiUseFlag":false,"ftImageUseFlag1":true,"ftImageUseFlag2":true,"ftImageUseFlag3":true,"ftImageUseFlag4":true,"ftImageUseFlag5":true,"ftImageUseFlag6":true,"ftImageUseFlag7":true,"ftImageUseFlag8":true,"ftImageUseFlag9":false,"ftImageUrl1":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png","ftImageUrlDesktop1":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile1":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset1":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageAlt1":"Galaxy Z Fold6","ftImageAltEng1":"galaxy z fold6","ftDescription1":"Galaxy Z Fold6","ftDescriptionEng1":"galaxy z fold6","ftLinkUrl1":"/jp/smartphones/galaxy-z-fold6/","ftLinkType1":"move","hasChildren":true,"level1List":[{"displayName":"すべてを見る","englishName":"Discover Mobiles","linkType":"move","linkUrl":"/jp/mobile/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxy AI","englishName":"Galaxy AI","linkType":"move","linkUrl":"/jp/galaxy-ai/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxyスマートフォン","englishName":"galaxy smartphones","linkType":"move","linkUrl":"/jp/smartphones/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"01000000","typeCode":"01010000","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxyタブレット","englishName":"galaxy tablets","linkType":"move","linkUrl":"/jp/tablets/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"01000000","typeCode":"01020000","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxyウォッチ","englishName":"galaxy watches","linkType":"move","linkUrl":"/jp/watches/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"01000000","typeCode":"01030000","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxyイヤホン","englishName":"galaxy earphones","linkType":"move","linkUrl":"/jp/audio-sound/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"01000000","typeCode":"01040000","layoutColumn":"1","hasChildren":false},{"displayName":"Galaxyアクセサリー","englishName":"galaxy accessories","linkType":"move","linkUrl":"/jp/mobile-accessories/","displayFlag":"Y","mobileOnlyFlag":"N","groupCode":"01000000","typeCode":"01050000","layoutColumn":"1","hasChildren":false},{"displayName":"One UI","englishName":"One UI","linkType":"move","linkUrl":"/jp/one-ui/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Samsung Health","englishName":"samsung health","linkType":"move","linkUrl":"/jp/apps/samsung-health/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"アプリ\u0026サービス","englishName":"Apps \u0026 Services","linkType":"move","linkUrl":"/jp/apps/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Why Galaxy","englishName":"why galaxy","linkType":"move","linkUrl":"/jp/mobile/why-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Try Galaxy","englishName":"try galaxy","linkType":"new","linkUrl":"//trygalaxy.com/?utm_source\u003dsamsungcomgnb\u0026utm_medium\u003dlink\u0026utm_campaign\u003dtrygalaxy2024","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Switch to Galaxy","englishName":"switch to galaxy","linkType":"move","linkUrl":"/jp/mobile/switch-to-galaxy/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"layoutType":"l1only","ftImageUrl2":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png","ftImageAlt2":"Galaxy Z Flip6","ftImageAltEng2":"galaxy z flip6","ftDescription2":"Galaxy Z Flip6","ftDescriptionEng2":"galaxy z flip6","ftLinkType2":"move","ftLinkUrl2":"/jp/smartphones/galaxy-z-flip6/","ftImageUrl3":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png","ftImageAlt3":"Galaxy S24 Ultra","ftImageAltEng3":"galaxy s24 ultra","ftDescription3":"Galaxy S24 Ultra","ftDescriptionEng3":"galaxy s24 ultra","ftLinkType3":"move","ftLinkUrl3":"/jp/smartphones/galaxy-s24-ultra/","ftImageUrl4":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png","ftImageAlt4":"Galaxy S24","ftImageAltEng4":"galaxy s24","ftDescription4":"Galaxy S24","ftDescriptionEng4":"galaxy s24","ftLinkType4":"move","ftLinkUrl4":"/jp/smartphones/galaxy-s24/","ftImageUrl5":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png","ftImageAlt5":"Galaxy A55","ftImageAltEng5":"galaxy a55","ftDescription5":"Galaxy A55","ftDescriptionEng5":"galaxy a55","ftLinkType5":"move","ftLinkUrl5":"/jp/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-docomo-sm-a556dlbbdcm/","ftImageUrl6":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png","ftImageAlt6":"画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。","ftImageAltEng6":"galaxy tab s10 series","ftDescription6":"Galaxy Tab S10シリーズ","ftDescriptionEng6":"galaxy tab s10 series","ftLinkType6":"move","ftLinkUrl6":"/jp/tablets/galaxy-tab-s/galaxy-tab-s10-plus-gray-256gb-sm-x820nzaaxjp/","ftImageUrl7":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png","ftImageAlt7":"Galaxy Watch Ultra","ftImageAltEng7":"galaxy watch ultra","ftDescription7":"Galaxy Watch Ultra","ftDescriptionEng7":"galaxy watch ultra","ftLinkType7":"move","ftLinkUrl7":"/jp/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdajsjp/","ftImageUrl8":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png","ftImageAlt8":"Galaxy Buds3 Pro","ftImageAltEng8":"galaxy buds3 pro","ftDescription8":"Galaxy Buds3 Pro","ftDescriptionEng8":"galaxy buds3 pro","ftLinkType8":"move","ftLinkUrl8":"/jp/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaxjp/","ftImageAreaTitle":"New \u0026 Featured","containerAlignment":"left","ftImageUrlDesktop2":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop3":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$84_68_PNG$","ftImageUrlDesktop4":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$84_68_PNG$","ftImageUrlDesktop5":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$84_68_PNG$","ftImageUrlDesktop6":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$84_68_PNG$","ftImageUrlDesktop7":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$84_68_PNG$","ftImageUrlDesktop8":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile2":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile3":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$","ftImageUrlMobile4":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$168_136_PNG$","ftImageUrlMobile5":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$","ftImageUrlMobile6":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$168_136_PNG$","ftImageUrlMobile7":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$","ftImageUrlMobile8":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset2":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset3":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset4":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset5":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset6":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset7":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$","ftImageUrlWithPreset8":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$","ftDataList":[{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png","ftImageAlt":"Galaxy Z Fold6","ftImageAltEng":"galaxy z fold6","ftDescription":"Galaxy Z Fold6","ftDescriptionEng":"galaxy z fold6","ftLinkType":"move","ftLinkUrl":"/jp/smartphones/galaxy-z-fold6/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240703|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png","ftImageAlt":"Galaxy Z Flip6","ftImageAltEng":"galaxy z flip6","ftDescription":"Galaxy Z Flip6","ftDescriptionEng":"galaxy z flip6","ftLinkType":"move","ftLinkUrl":"/jp/smartphones/galaxy-z-flip6/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240703|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png","ftImageAlt":"Galaxy S24 Ultra","ftImageAltEng":"galaxy s24 ultra","ftDescription":"Galaxy S24 Ultra","ftDescriptionEng":"galaxy s24 ultra","ftLinkType":"move","ftLinkUrl":"/jp/smartphones/galaxy-s24-ultra/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png","ftImageAlt":"Galaxy S24","ftImageAltEng":"galaxy s24","ftDescription":"Galaxy S24","ftDescriptionEng":"galaxy s24","ftLinkType":"move","ftLinkUrl":"/jp/smartphones/galaxy-s24/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png","ftImageAlt":"Galaxy A55","ftImageAltEng":"galaxy a55","ftDescription":"Galaxy A55","ftDescriptionEng":"galaxy a55","ftLinkType":"move","ftLinkUrl":"/jp/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-docomo-sm-a556dlbbdcm/","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":false},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png","ftImageAlt":"画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。","ftImageAltEng":"galaxy tab s10 series","ftDescription":"Galaxy Tab S10シリーズ","ftDescriptionEng":"galaxy tab s10 series","ftLinkType":"move","ftLinkUrl":"/jp/tablets/galaxy-tab-s/galaxy-tab-s10-plus-gray-256gb-sm-x820nzaaxjp/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240926|20250227","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png","ftImageAlt":"Galaxy Watch Ultra","ftImageAltEng":"galaxy watch ultra","ftDescription":"Galaxy Watch Ultra","ftDescriptionEng":"galaxy watch ultra","ftLinkType":"move","ftLinkUrl":"/jp/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdajsjp/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240703|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true},{"ftImageUseFlag":true,"ftImageUrl":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png","ftImageAlt":"Galaxy Buds3 Pro","ftImageAltEng":"galaxy buds3 pro","ftDescription":"Galaxy Buds3 Pro","ftDescriptionEng":"galaxy buds3 pro","ftLinkType":"move","ftLinkUrl":"/jp/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaxjp/","ftBadgeFlag":"true","ftBadgeText":"NEW","ftBadgeType":"new","ftBadgePeriod":"20240703|20241231","ftImageUrlDesktop":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$84_68_PNG$","ftImageUrlMobile":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$","ftImageUrlWithPreset":"//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$","ftBadgeDisplay":true}],"ftbadgeFlag1":"true","ftbadgeText1":"NEW","ftbadgeType1":"new","ftbadgePeriod1":"20240703|20241231","ftbadgeFlag2":"true","ftbadgeText2":"NEW","ftbadgeType2":"new","ftbadgePeriod2":"20240703|20241231","ftbadgeFlag6":"true","ftbadgeText6":"NEW","ftbadgeType6":"new","ftbadgePeriod6":"20240926|20250227","ftbadgeFlag7":"true","ftbadgeText7":"NEW","ftbadgeType7":"new","ftbadgePeriod7":"20240703|20241231","ftbadgeFlag8":"true","ftbadgeText8":"NEW","ftbadgeType8":"new","ftbadgePeriod8":"20240703|20241231","ftbadgeDisplay1":true,"ftbadgeDisplay2":true,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":true,"ftbadgeDisplay7":true,"ftbadgeDisplay8":true,"ftbadgeDisplay9":false}],"gnbRightModelList":[{"displayName":"トピックス","englishName":"explore","linkType":"move","linkUrl":"/jp/explore/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1l2spread","containerAlignment":"left","level1ColumnList":[],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"サポート","englishName":"support","linkType":"move","linkUrl":"/jp/support/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"layoutType":"l1l2spread","containerAlignment":"left","level1ColumnList":[[{"displayName":"製品サポート","englishName":"product help","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":true,"level2List":[{"displayName":"サポートトップ ","englishName":"support home","linkType":"move","linkUrl":"/jp/support/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"取扱説明書ダウンロード","englishName":"manual and software","linkType":"move","linkUrl":"/jp/support/user-manuals-and-guide/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"オンラインショップFAQ","englishName":"shop faq","linkType":"move","linkUrl":"/jp/shop-faq/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"修理と保証","englishName":"repairs and warranty","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"2","hasChildren":true,"level2List":[{"displayName":"修理を予約する","englishName":"book a repair","linkType":"move","linkUrl":"/jp/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"修理状況を追跡する ","englishName":"track my repair","linkType":"move","linkUrl":"/jp/mypage/myrepair/track-repair/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}],[{"displayName":"お問合せ","englishName":"contact us","linkType":"move","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"3","hasChildren":true,"level2List":[{"displayName":"お問合せ先","englishName":"contact us","linkType":"move","linkUrl":"/jp/support/mobile-devices/how-to-contact-us-about-galaxy-products/","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"},{"displayName":"チャットでお問合せ","englishName":"chat with us","linkType":"move","linkUrl":"/jp/support/#start-chat","displayFlag":"Y","mobileOnlyFlag":"N","badgeFlag":"false","isBadgeDisplay":false,"shopLiveUseFlag":"false"}]}]],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},{"displayName":"法人のお客様","englishName":"for business","linkType":"move","linkUrl":"/jp/business/","displayFlag":"Y","mobileOnlyFlag":"N","menuPosition":"right","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":false,"layoutType":"l1l2spread","level1ColumnList":[],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false}],"beforeLoginModel":{"displayName":"Before Login","englishName":"before_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"注文確認","englishName":"orders","linkType":"move","linkUrl":"https://shop.samsung.com/jp/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"マイ製品リスト","englishName":"product ","linkType":"move","linkUrl":"/jp/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Members","englishName":"members","linkType":"move","linkUrl":"/jp/apps/samsung-members/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"afterLoginModel":{"displayName":"After Login","englishName":"after_login","apiUseFlag":false,"ftImageUseFlag1":false,"ftImageUseFlag2":false,"ftImageUseFlag3":false,"ftImageUseFlag4":false,"ftImageUseFlag5":false,"ftImageUseFlag6":false,"ftImageUseFlag7":false,"ftImageUseFlag8":false,"ftImageUseFlag9":false,"hasChildren":true,"level1List":[{"displayName":"マイページ","englishName":"my page","linkType":"move","linkUrl":"/jp/mypage/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"注文履歴","englishName":"orders","linkType":"move","linkUrl":"https://shop.samsung.com/jp/mypage/orders","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"マイ製品リスト ","englishName":"my products","linkType":"move","linkUrl":"/jp/mypage/myproducts/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"Samsungリワード","englishName":"samsung rewards","linkType":"move","linkUrl":"/jp/mypage/rewards/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false},{"displayName":"プロフィール設定\n","englishName":"Edit Profile","linkType":"move","linkUrl":"https://shop.samsung.com/jp/mypage/profile-setting/","displayFlag":"Y","mobileOnlyFlag":"N","layoutColumn":"1","hasChildren":false}],"ftbadgeDisplay1":false,"ftbadgeDisplay2":false,"ftbadgeDisplay3":false,"ftbadgeDisplay4":false,"ftbadgeDisplay5":false,"ftbadgeDisplay6":false,"ftbadgeDisplay7":false,"ftbadgeDisplay8":false,"ftbadgeDisplay9":false},"gnbUtilModel":{"isLogin":"Y","isCart":"Y","shopIntegrationFlag":"Hybris","loginLinkUrl":"https://account.samsung.com/accounts/v1/DCGLJP/signInGate","logoutUrl":"https://account.samsung.com/accounts/v1/DCGLJP/signOutGate","stgloginLinkUrl":"https://account.samsung.com/accounts/v1/DCGLJP/signInGate","stglogoutUrl":"https://account.samsung.com/accounts/v1/DCGLJP/signOutGate","SAsignOutURL":"/aemapi/v6/data-login/afterLogout.jp.json","loginAccountServiceId":"39fz25of9x","countryCode":"JP","languageCode":"ja","registURL":"/aemapi/v6/data-login/afterLogin.jp.json","stgStoreDomain":"https://shop.samsung.com","preqaStoreDomain":"https://shop.samsung.com","preqa2StoreDomain":"https://shop.samsung.com","uatStoreDomain":"https://sv2.shop.samsung.com","orderUrl":"/jp/track-order","myaccountUrl":"/jp/my-account/profile","updateProfileUrl":"/jp/my-account/profile","cartUrl":"https://shop.samsung.com/jp/cart","preqa2CartUrl":"https://shop.samsung.com/jp/cart/","useFullCartUrl":false,"storeDomain":"https://shop.samsung.com","trackOrderUrl":"/jp/track-order","privacyTag1":"\u003ca href\u003d\u0027/jp/info/privacy/\u0027 target\u003d\u0027_blank\u0027 class\u003d\u0027link-text\u0027 title\u003d\"新しいウィンドウで開く\"\u003e","privacyTag2":"\u003c/a\u003e","wishlistUrl":"/jp/account/wishlist","saStoreDomain":"https://shop.samsung.com","addToCartPostYn":"Y"},"homeLinkPath":"/jp/","language":"ja_JP"}; </script> <nav id="component-id" class="nv00-gnb" role="navigation" aria-label="main navigation"> <div class="nv00-gnb__inner-wrap"> <div class="nv00-gnb__inner-wrap-looping--start" tabindex="0"></div> <div class="nv00-gnb__logo-wrap"> <a href="/jp/" class="nv00-gnb__logo " an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logo" aria-label="Samsung"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="120" height="32" viewBox="0 0 120 32"> <rect id="Clear_space" width="120" height="32" fill="none"/> <path id="Logo_ratio" d="M0,11.651V10.511H3.994v1.45a1.334,1.334,0,0,0,1.494,1.346A1.3,1.3,0,0,0,6.932,12.3a1.833,1.833,0,0,0-.026-1.113C6.133,9.243.851,8.363.18,5.333a5.347,5.347,0,0,1-.025-2.02C.567.88,2.705,0,5.359,0c2.113,0,5.025.492,5.025,3.754V4.816H6.674V3.884A1.275,1.275,0,0,0,5.282,2.537a1.25,1.25,0,0,0-1.365,1.01,2.021,2.021,0,0,0,.026.777c.437,1.734,6.081,2.667,6.7,5.8a6.943,6.943,0,0,1,.025,2.46C10.307,15.068,8.091,16,5.412,16,2.6,16,0,14.99,0,11.651ZM48.392,11.6V10.46h3.943v1.424A1.312,1.312,0,0,0,53.8,13.23a1.286,1.286,0,0,0,1.443-.984,1.759,1.759,0,0,0-.025-1.088c-.748-1.915-5.979-2.8-6.648-5.825a5.215,5.215,0,0,1-.026-1.994C48.959.932,51.1.052,53.7.052c2.088,0,4.973.518,4.973,3.728V4.816H54.989V3.91a1.268,1.268,0,0,0-1.365-1.346,1.2,1.2,0,0,0-1.34.984,2.017,2.017,0,0,0,.025.777c.412,1.734,6,2.641,6.623,5.747a6.806,6.806,0,0,1,.025,2.434c-.361,2.486-2.551,3.392-5.2,3.392C50.97,15.9,48.392,14.887,48.392,11.6Zm14.121.545a5.876,5.876,0,0,1-.025-.985V.44H66.25V11.495a4.111,4.111,0,0,0,.025.57,1.468,1.468,0,0,0,2.835,0,3.97,3.97,0,0,0,.026-.57V.44H72.9V11.158c0,.285-.026.829-.026.985-.257,2.8-2.448,3.7-5.179,3.7S62.771,14.938,62.513,12.143Zm30.974-.156A7.808,7.808,0,0,1,93.435,11V4.712c0-.259.025-.725.051-.985C93.821.932,96.063.052,98.717.052c2.629,0,4.947.88,5.206,3.676a7.185,7.185,0,0,1,.025.985V5.2h-3.762V4.376a3.1,3.1,0,0,0-.051-.57,1.553,1.553,0,0,0-2.964,0,3.088,3.088,0,0,0-.051.7V11.34a4.17,4.17,0,0,0,.026.57A1.472,1.472,0,0,0,98.717,13a1.406,1.406,0,0,0,1.52-1.087,2.09,2.09,0,0,0,.026-.57V9.165h-1.52V6.99H104V11a7.674,7.674,0,0,1-.052.984c-.257,2.718-2.6,3.676-5.231,3.676S93.744,14.705,93.487,11.987ZM41.049,15.378l-.1-13.825L38.369,15.378H34.607L32.055,1.553l-.1,13.825H28.242L28.551.466h6.056l1.881,11.651L38.369.466h6.055l.335,14.912Zm-19.79,0L19.249,1.553,17.187,15.378H13.168L15.9.466h6.623l2.732,14.912Zm62.977-.155L80.5,2.822l.206,12.4H77.046V.466h5.514l3.5,12.013L85.859.466h3.685V15.224Z" transform="translate(8 8)"/> </svg> </a> </div> <div class="nv00-gnb__search-wrap"> <button class="nv00-gnb__backward-btn"> <span class="hidden">previous menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <button class="nv00-gnb__search-btn gnb__search-btn-js" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="search"> <span class="hidden">search</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button class="nv00-gnb__close-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:close"> <span class="hidden">close menu</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <!-- 로그인 mobile S --> <div class="nv00-gnb__user-account-wrap"> <div class="nv00-gnb__user-account before-login"> <a class="nv00-gnb__user-account-link loginBtn" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLJP/signInGate" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="sign in sign up"> ログイン/会員登録 </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/jp/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Samsungアカウントを作る理由 Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Samsungアカウントを作る理由 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </div> <div class="nv00-gnb__user-account after-login"> <a class="nv00-gnb__user-account-link js-user-name" aria-label="Manage Account" href="https://account.samsung.com/membership/contents/profile/profile-gate"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/jp/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Samsungアカウントを作る理由 Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Samsungアカウントを作る理由 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </div> </div> <!-- 로그인 mobile E --> <div class="nv00-gnb__l0-menu-wrap"> <ul class="nv00-gnb__l0-menu-list left-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/jp/offer/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="shop" role="menuitem"> ショップ </a> </li> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/jp/galaxy-ai/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="ai" role="menuitem"> AI </a> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile"> 製品情報 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container"> <p class="nv00-gnb__l1-menu-container-title">製品情報</p><!-- 90 --> <div class="nv00-gnb__l1-menu-wrap l1-only"> <ul class="nv00-gnb__l1-menu-list" role="menu"> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/mobile/" data-engname="mobile:discover mobiles" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:discover mobiles" role="menuitem"> すべてを見る </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/galaxy-ai/" data-engname="mobile:galaxy ai" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy ai" role="menuitem"> Galaxy AI </a> </li> <li class="nv00-gnb__l1-menu" data-type-code="01010000" data-group-code="01000000"> <a class="nv00-gnb__l1-menu-link" href="/jp/smartphones/" data-engname="mobile:galaxy smartphones" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy smartphones" role="menuitem"> Galaxyスマートフォン </a> </li> <li class="nv00-gnb__l1-menu" data-type-code="01020000" data-group-code="01000000"> <a class="nv00-gnb__l1-menu-link" href="/jp/tablets/" data-engname="mobile:galaxy tablets" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy tablets" role="menuitem"> Galaxyタブレット </a> </li> <li class="nv00-gnb__l1-menu" data-type-code="01030000" data-group-code="01000000"> <a class="nv00-gnb__l1-menu-link" href="/jp/watches/" data-engname="mobile:galaxy watches" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy watches" role="menuitem"> Galaxyウォッチ </a> </li> <li class="nv00-gnb__l1-menu" data-type-code="01040000" data-group-code="01000000"> <a class="nv00-gnb__l1-menu-link" href="/jp/audio-sound/" data-engname="mobile:galaxy earphones" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy earphones" role="menuitem"> Galaxyイヤホン </a> </li> <li class="nv00-gnb__l1-menu" data-type-code="01050000" data-group-code="01000000"> <a class="nv00-gnb__l1-menu-link" href="/jp/mobile-accessories/" data-engname="mobile:galaxy accessories" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:galaxy accessories" role="menuitem"> Galaxyアクセサリー </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/one-ui/" data-engname="mobile:one ui" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:one ui" role="menuitem"> One UI </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/apps/samsung-health/" data-engname="mobile:samsung health" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:samsung health" role="menuitem"> Samsung Health </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/apps/" data-engname="mobile:apps & services" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:apps & services" role="menuitem"> アプリ&サービス </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/mobile/why-galaxy/" data-engname="mobile:why galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:why galaxy" role="menuitem"> Why Galaxy </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="//trygalaxy.com/?utm_source=samsungcomgnb&utm_medium=link&utm_campaign=trygalaxy2024" aria-label="Try Galaxy: 新しいウィンドウで開く" data-engname="mobile:try galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:try galaxy" role="menuitem" target="_blank"> Try Galaxy <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="nv00-gnb__l1-menu"> <a class="nv00-gnb__l1-menu-link" href="/jp/mobile/switch-to-galaxy/" data-engname="mobile:switch to galaxy" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="mobile:switch to galaxy" role="menuitem"> Switch to Galaxy </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap featured-products-thumbnail"> <p class="nv00-gnb__featured-products-thumbnail-title">New & Featured</p> <div class="nv00-gnb__featured-products-thumbnail-item-container"> <button class="nv00-gnb__featured-products-thumbnail-item--previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <ul class="nv00-gnb__featured-products-thumbnail-item-wrap" role="menu"> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/smartphones/galaxy-z-fold6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z fold6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">New</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_Q6_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Fold6" data-mobile-alt="Galaxy Z Fold6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Fold6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/smartphones/galaxy-z-flip6/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy z flip6" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">New</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/GNB_B6_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Z Flip6" data-mobile-alt="Galaxy Z Flip6" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Z Flip6</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/smartphones/galaxy-s24-ultra/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s24 ultra" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24 Ultra" data-mobile-alt="Galaxy S24 Ultra" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GNB_E3_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy S24 Ultra" data-mobile-alt="Galaxy S24 Ultra" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24 Ultra</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/smartphones/galaxy-s24/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy s24" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy S24" data-mobile-alt="Galaxy S24" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2404/gnb/GalaxyS24_GNB_MO_168x136-1.png?$168_136_PNG$" data-desktop-alt="Galaxy S24" data-mobile-alt="Galaxy S24" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy S24</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/smartphones/galaxy-a/galaxy-a55-5g-awesome-iceblue-128gb-docomo-sm-a556dlbbdcm/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy a55" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy A55" data-mobile-alt="Galaxy A55" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/gnb/Galaxy_A55_GNB_ice-blue.png?$168_136_PNG$" data-desktop-alt="Galaxy A55" data-mobile-alt="Galaxy A55" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy A55</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/tablets/galaxy-tab-s/galaxy-tab-s10-plus-gray-256gb-sm-x820nzaaxjp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy tab s10 series" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">New</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$LazyLoad_Home_PNG$" data-desktop-alt="画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。" data-mobile-alt="画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2409/gnb/GNB_TS10-Series_168x136_mo-jp.png?$168_136_PNG$" data-desktop-alt="画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。" data-mobile-alt="画面を指すSペンがある横モードのGalaxy Tab S10+(ギャラクシータブS10プラス)のフロント画面には、青色の背景画面が表示されている。その後ろに、やや重なったGalaxy Tab S10 Ultra(ギャラクシータブS10ウルトラ)が横モードで青色の背景画面を表示されている。" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Tab S10シリーズ</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/watches/galaxy-watch/galaxy-watch-ultra-titanium-gray-lte-sm-l705fdajsjp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy watch ultra" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">New</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/WatchUltra_GNB_mo_168x136.png?$168_136_PNG$" data-desktop-alt="Galaxy Watch Ultra" data-mobile-alt="Galaxy Watch Ultra" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Watch Ultra</p> </a> </li> <li class="nv00-gnb__featured-products-thumbnail-item"> <a href="/jp/audio-sound/galaxy-buds/galaxy-buds3-pro-silver-sm-r630nzaaxjp/" an-tr="nv00_gnb-feature image-navigation2" an-ca="navigation" an-ac="gnb" an-la="feature image:mobile:galaxy buds3 pro" class="nv00-gnb__featured-products-thumbnail-item-link" role="menuitem"> <span class="badge-icon badge-icon--label badge-icon--bg-color-blue">New</span> <div class="image"> <img class="image__preview lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$LazyLoad_Home_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> <img class="image__main lazy-load-man" data-src="//images.samsung.com/is/image/samsung/assets/jp/2407/gnb/HOME_Buds3Pro_GNB_168x136_mo.png?$168_136_PNG$" data-desktop-alt="Galaxy Buds3 Pro" data-mobile-alt="Galaxy Buds3 Pro" role="img" data-comp-name="image"/> </div> <p class="nv00-gnb__featured-products-thumbnail-item-name">Galaxy Buds3 Pro</p> </a> </li> </ul> <button class="nv00-gnb__featured-products-thumbnail-item--next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> </div> </li> </ul> <ul class="nv00-gnb__l0-menu-list right-menu" role="menubar"> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/jp/explore/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="explore" role="menuitem"> トピックス </a> </li> <li class="nv00-gnb__l0-menu"> <button class="nv00-gnb__l0-menu-btn" role="menuitem" aria-expanded="false" aria-haspopup="true" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support"> サポート <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </button> <div class="nv00-gnb__l1-menu-container right-side"> <p class="nv00-gnb__l1-menu-container-title">サポート</p><!-- 205 --> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:product help" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help"> 製品サポート <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/support/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:support home" role="menuitem"> サポートトップ </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/support/user-manuals-and-guide/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:manual and software" role="menuitem"> 取扱説明書ダウンロード </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/shop-faq/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:product help:shop faq" role="menuitem"> オンラインショップFAQ </a> </li> </ul> </div> <!-- 205 --> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:repairs and warranty" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty"> 修理と保証 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/mypage/myproducts/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:book a repair" role="menuitem"> 修理を予約する </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/mypage/myrepair/track-repair/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:repairs and warranty:track my repair" role="menuitem"> 修理状況を追跡する </a> </li> </ul> </div> <!-- 205 --> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread"> <div class="nv00-gnb__l1-menu"> <h3 class="nv00-gnb__l1-menu-btn" data-engname="support:contact us" an-tr="nv00_gnb-2depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact us"> お問合せ <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> </h3> </div> <ul class="nv00-gnb__l2-menu-list" role="menu"> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/support/mobile-devices/how-to-contact-us-about-galaxy-products/" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact us:contact us" role="menuitem"> お問合せ先 </a> </li> <li class="nv00-gnb__l2-menu"> <a class="nv00-gnb__l2-menu-link" href="/jp/support/#start-chat" an-tr="nv00_gnb-3depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="support:contact us:chat with us" role="menuitem"> チャットでお問合せ </a> </li> </ul> </div> <div class="nv00-gnb__l1-menu-wrap l1-l2-spread mobile-only"> </div> </div> </li> <li class="nv00-gnb__l0-menu"> <a class="nv00-gnb__l0-menu-link" href="/jp/business/" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="for business" role="menuitem"> 法人のお客様 </a> </li> </ul> </div> <div class="nv00-gnb__utility-wrap"> <div class="nv00-gnb__utility search"> <button class="nv00-gnb__utility-btn gnb__search-btn-js" an-tr="nv00_gnb-flagship pdp-l0-navigation2" an-ca="navigation" an-ac="gnb" an-la="search" aria-haspopup="true" aria-expanded="false"> <span class="hidden">検索する</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> <div class="nv00-gnb__utility cart"> <a class="nv00-gnb__utility-btn js-global-cart-btn js-has-carturl" data-cart-url="https://shop.samsung.com/jp/cart" href="https://shop.samsung.com/jp/cart" an-tr="nv00_gnb--cart-depth1" an-ca="navigation" an-ac="gnb" an-la="cart" role="button"> <span class="hidden">カート</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cart-bold" href="#cart-bold"></use> </svg> <span class="cart-in-number gnb-cart-count" aria-live="polite" style="display:none;"><span class="hidden">Number of Products : </span></span> </a> </div> <div class="nv00-gnb__utility before-login"> <a class="nv00-gnb__utility-btn mobile-only loginBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="login" aria-label="Manage Account" href="javascript:;" role="button"> <span class="hidden">ログイン/会員登録</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu desktop-only"> <a class="nv00-gnb__utility-user-menu-link loginBtn" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="sign in sign up" aria-label="sign in sign up" href="javascript:;" data-linkinfo="https://account.samsung.com/accounts/v1/DCGLJP/signInGate" role="menuitem"> ログイン/会員登録 </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/jp/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Samsungアカウントを作る理由 Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Samsungアカウントを作る理由 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="https://shop.samsung.com/jp/mypage/orders" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="orders" aria-label="orders" role="menuitem"> 注文確認 </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/jp/mypage/myproducts/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="product " aria-label="product " role="menuitem"> マイ製品リスト </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" href="/jp/apps/samsung-members/" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="members" aria-label="members" role="menuitem"> Members </a> </li> </ul> </div> <div class="nv00-gnb__utility after-login"> <a class="nv00-gnb__utility-btn mobile-only js-account" href="javascript:;" role="button" aria-label="Manage Account"> <span class="hidden">Manage Account</span> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> </a> <ul class="nv00-gnb__utility-user-menu-list" role="menu"> <li class="nv00-gnb__utility-user-menu user desktop-only"> <a class="nv00-gnb__utility-user-menu-link js-user-name" href="https://account.samsung.com/membership/contents/profile/profile-gate" role="menuitem" aria-label="Manage Account"> <div class="image js-gnb-afterlogin-image"> <img class="image__main" src="" alt="alternative-text" role="img" data-comp-name="image"/> </div> <span class="account-icon js-gnb-afterlogin-no-image"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#user-bold" href="#user-bold"></use> </svg> </span> <p class="user-name"></p> <p class="hidden">Manage Account</p> </a> <p class="nv00-gnb__utility-user-menu-rewards"> <a href="/jp/why-samsung-account/" class="nv00-gnb__utility-user-menu-rewards-link" aria-label="Samsungアカウントを作る理由 Samsung Rewards" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="rewards"> Samsungアカウントを作る理由 <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-bold" href="#next-bold"></use> </svg> </a> </p> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my page" target="_self" aria-label="my page" href="/jp/mypage/" role="menuitem">マイページ</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="orders" target="_self" aria-label="orders" href="https://shop.samsung.com/jp/mypage/orders" role="menuitem">注文履歴</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="my products" target="_self" aria-label="my products" href="/jp/mypage/myproducts/" role="menuitem">マイ製品リスト </a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="samsung rewards" target="_self" aria-label="samsung rewards" href="/jp/mypage/rewards/" role="menuitem">Samsungリワード</a> </li> <li class="nv00-gnb__utility-user-menu"> <a class="nv00-gnb__utility-user-menu-link" an-tr="nv00_gnb-account-account" an-ca="account" an-ac="gnb" an-la="edit profile" target="_self" aria-label="edit profile" href="https://shop.samsung.com/jp/mypage/profile-setting/" role="menuitem">プロフィール設定<br /></a> </li> <li class="nv00-gnb__utility-user-menu"> <a href="javascript:;" class="nv00-gnb__utility-user-menu-link logoutBtn" an-tr="nv00_gnb-1depth-navigation2" an-ca="navigation" an-ac="gnb" an-la="logout" aria-label="logout" role="menuitem">ログアウト</a> </li> </ul> </div> <div class="nv00-gnb__utility hamburger"> <button class="nv00-gnb__utility-btn" an-tr="nv00_gnb-gnb-navigation2" an-ca="navigation" an-ac="gnb" an-la="gnb:open" aria-expanded="false" aria-haspopup="true"> <span class="hidden">Navigation</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#menu-bold" href="#menu-bold"></use> </svg> </button> </div> </div> <div class="nv00-gnb__inner-wrap-looping--end" tabindex="0"></div> </div> <div class="nv00-gnb__dim-wrap" aria-hidden="true"></div> <form id="signInForm" name="signInForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLJP/signInGate"> <input type="hidden" name="response_type" id="response_type" value=""/> <input type="hidden" name="client_id" value="39fz25of9x"/> <input type="hidden" name="locale" id="locale" value=""/> <input type="hidden" name="countryCode" value="JP"/> <input type="hidden" name="redirect_uri" id="redirect_uri" value="/aemapi/v6/data-login/afterLogin.jp.json"/> <input type="hidden" name="state" id="signInState" value=""/> <input type="hidden" name="goBackURL" id="signInGoBackURL" value=""/> <input type="hidden" name="scope" id="scope" value=""/> </form> <!-- SA 로그아웃호출 폼 --> <form id="signOutForm" name="signOutForm" method="get" action="https://account.samsung.com/accounts/v1/DCGLJP/signOutGate"> <input type="hidden" name="client_id" value="39fz25of9x"/> <input type="hidden" name="state" id="signOutState" value=""/> <input type="hidden" name="signOutURL" id="signOutURL" value="/aemapi/v6/data-login/afterLogout.jp.json"/> </form> <!-- 회원가입 폼 --> <form id="joinForm" name="joinForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="SignupAP"/> <input type="hidden" name="serviceID" value="39fz25of9x"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="JP"/> <input type="hidden" name="languageCode" value="ja"/> <input type="hidden" name="registURL" id="joinRegistURL" value="/aemapi/v6/data-login/afterLogin.jp.json"/> <input type="hidden" name="returnURL" id="joinReturnURL"/> <input type="hidden" name="goBackURL" id="joinGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> <input type="hidden" name="emailActivationURL" id="joinEmailActivationURL"/> </form> <!-- Find Email 폼 --> <form id="findAccountForm" name="findAccountForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="FindEmail"/> <input type="hidden" name="serviceID" value="39fz25of9x"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="JP"/> <input type="hidden" name="languageCode" value="ja"/> <input type="hidden" name="goBackURL" id="findGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <!-- Account Modify Form --> <form id="accountModifyForm" name="accountModifyForm" method="post" action="https://account.samsung.com/membership/"> <input type="hidden" name="actionID" value="ModifyUserInfo"/> <input type="hidden" name="serviceID" value="39fz25of9x"/> <input type="hidden" name="serviceName"/> <input type="hidden" name="domain" value=""/> <input type="hidden" name="countryCode" value="JP"/> <input type="hidden" name="languageCode" value="ja"/> <input type="hidden" name="goBackURL" id="accountModifyGoBackURL" value=""/> <input type="hidden" name="ssoType" value="ENC_TK"/> </form> <form id="textForm" name="textForm"> <input type="hidden" name="productCountText" id="productCountText" value="製品数"/> </form> <input type="hidden" name="domain" id="domain" value="www.samsung.com"/> <input type="hidden" name="useLogin" id="useLogin" value="Y"/> <input type="hidden" name="useStore" id="useStore" value="Y"/> <input type="hidden" name="storeDomain" id="storeDomain" value="https://shop.samsung.com"/> <input type="hidden" name="hybrisApiJson" id="hybrisApiJson"/> <input type="hidden" name="addToCartPostYn" id="addToCartPostYn" value="Y"/> <input type="hidden" name="useNewAddToCartApi" id="useNewAddToCartApi"/> <input type="hidden" name="loginLinkURL" id="loginLinkURL" value="https://account.samsung.com/accounts/v1/DCGLJP/signInGate"/> <input type="hidden" name="logoutURL" id="logoutURL" value="https://account.samsung.com/accounts/v1/DCGLJP/signOutGate"/> <input type="hidden" name="updateProfileURL" id="updateProfileURL" value="/jp/my-account/profile"/> <input type="hidden" name="isLoginWithNoStore" id="isLoginWithNoStore"/> <input type="hidden" name="countryCode" id="countryCode" value="JP"/> <input type="hidden" name="languageCode" id="languageCode" value="ja"/> <input type="hidden" name="loginAccountServiceId" id="loginAccountServiceId" value="39fz25of9x"/> <input type="hidden" name="emailActivationURL" id="emailActivationURL"/> <input type="hidden" name="shopIntegrationFlag" id="shopIntegrationFlag" value="Hybris"/> <input type="hidden" name="tieredPriceUseYn" id="tieredPriceUseYn"/> <input type="hidden" name="mySamsungRewardsTierType" id="mySamsungRewardsTierType"/> <input type="hidden" name="newMyRewardCurrencyConv" id="newMyRewardCurrencyConv"/> <input type="hidden" name="gnbMyAccountUrl" id="gnbMyAccountUrl" value="/jp/my-account/profile"/> <input type="hidden" name="loginValidateYnForGPv2" id="loginValidateYnForGPv2" value=""/> <div class="nv00-gnb__layer-popup-wrap"> <div class="nv00-gnb__layer-popup-looping--start" tabindex="0"></div> <div class="layer-popup gnb-layer_popup-js" id="layerEmptyCart"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">カートは空です。</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" an-tr="nv00_gnb-flagship pdp-cart popup-other_interaction" an-ca="other interaction" an-ac="cart is empty:OK" an-la="cart is empty:OK" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">ポップアップを閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb-layer_popup-js" id="layerInsufficientStock"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#info-regular" href="#info-regular"></use> </svg> <p class="layer-popup__desc information-text">申し訳ございません。こちらの製品は在庫がありません。</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--contained cta--black gnb-js-layer-close" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);"> OK </button> </div> <button class="layer-popup__close"> <span class="hidden">ポップアップを閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__remove-product gnb-layer_popup-js" id="layerRemoveProduct"> <p class="layer-popup__title">製品を削除する</p> <p class="layer-popup__desc">この製品を購入しなければ、ご指定のクーポンやプロモーションコードを使用することはできません。<br/>この製品を削除してよろしいですか?</p> <div class="layer-popup__cta-wrap"> <button class="cta cta--outlined cta--black" aria-label="Accessibility Text"> お気に入りに移動する </button> <button class="cta cta--contained cta--black" aria-label="Accessibility Text"> 削除 </button> </div> <button class="layer-popup__close"> <span class="hidden">ポップアップを閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb-layer_popup-js gnb__popup-privacy" id="layerPrivacy"> <p class="layer-popup__title">プライバシーポリシー</p> <div class="layer-popup__checkbox-wrap"> <div class="checkbox-v2"> <input class="checkbox-v2__input" type="checkbox" name="checkbox" id="privacy-terms"/> <label class="checkbox-v2__label" for="privacy-terms"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">samsung.comの<a href='/jp/info/privacy/' target='_blank' class='link-text' title="新しいウィンドウで開く">プライバシーポリシー</a>を読み、これに同意します。</span> </label> </div> <p class="layer-popup__checkbox-desc error" id="errorPrivacy">samsung.comに進むには、このボックスにチェックを入れてください。</p> <div class="checkbox-v2"> <input class="checkbox-v2__input" type="checkbox" name="checkbox" id="privacy-terms2"/> <label class="checkbox-v2__label" for="privacy-terms2"> <span class="checkbox-v2__label-box-wrap"> <span class="checkbox-v2__label-box"> <svg class="checkbox-v2__label-box-icon" focusable="false" aria-hidden="true"> <use xlink:href="#done-bold" href="#done-bold"></use> </svg> </span> </span> <span class="checkbox-v2__label-text">下記の内容を含むSamsungのサービスアップデートを受け入れます。:</span></label></div><p class="layer-popup__checkbox-desc">samsung.comのサービスやマーケティング情報、新製品およびサービスのお知らせ、各種キャンペーン情報、ニュースレターなど</p> </div> <div class="layer-popup__cta-wrap"> <button id="privacyBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">samsung.comに移動します。</button> <button class="cta cta--contained cta--black login-leave-btn" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);">ページを離れる</button> </div> <button class="layer-popup__close login-leave-btn" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">プライバシーポリシーを閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="layer-popup gnb__popup-privacy gnb-layer_popup-js" id="layerPreference"> <p class="layer-popup__title">環境設定の確認</p> <p class="layer-popup__desc">お持ちの製品を設定すると、あなたに最適な製品をご提案します。</p> <div class="layer-popup__cta-wrap"> <button id="preferenceCheckBtn" class="cta cta--outlined cta--black" aria-label="Accessibility Text">はい</button> <button id="privacyCloseBtn" class="cta cta--contained cta--black" aria-label="Accessibility Text" onclick="window.sg.components.nv00Gnb.closeLayerPopup(this);">後で</button> </div> <button class="layer-popup__close" data-focus-id="shop-popover-close" data-tab-disable="true"> <span class="hidden">環境設定を閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> <div class="nv00-gnb__layer-popup-looping--end" tabindex="0"></div> </div> </nav> <!--googleon: all--> <input type="hidden" name="sc_gnb_searchURL" id="sc_gnb_searchURL" value="/jp/search"/> <input type="hidden" name="sc_gnb_placeholder" id="sc_gnb_placeholder" value="Galaxy Z Fold6"/> <input type="hidden" name="sc_gnb_aiSearchUseYn" id="sc_gnb_aiSearchUseYn" value="N"/> <input type="hidden" name="eppFlag" id="eppFlag" value="N"/> <!--googleoff: all--> <section class="gnb-search" role="dialog" aria-modal="true" style="display: none;"> <div class="gnb-search__dimmed"></div> <div class="gnb-search__looping--start" tabindex="0"></div> <div class="gnb-search__contents"> <h2 class="text-title">何かお探しですか</h2> <div class="gnb-search__search-wrap"> <form action="javascript:;" class="gnb-search__form" role="search" autocomplete="off"> <fieldset> <legend>検索フォーム</legend> <div class="gnb-search__input-wrap"> <button type="button" class="gnb-search__input-btn--close"> <span class="hidden">閉じる</span> <svg class="icon" focusable="false"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <label class="hidden" for="gnb-search-keyword">Search Keyword</label> <input type="text" name="search" class="gnb-search__input" id="gnb-search-keyword" maxlength="64" an-tr="search layer--search bar-submit" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:"/> <span class="gnb-search__placeholder">Galaxy Z Fold6</span> <!-- input 에 text 가 입력되어 있으면 .gnb-search__input-btn--cancel--show 추가 --> <button type="button" class="gnb-search__input-btn--cancel" an-tr="search layer-flagship pdp-keyword delete-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword delete"> <span class="hidden">削除</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button type="submit" class="gnb-search__input-btn--search" an-tr="search layer-flagship pdp-submit-search" an-ca="search" an-ac="search layer" an-la="search bar:keyword submit:keyword"> <span class="hidden">検索</span> <svg class="icon" focusable="false"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> <button type="button" class="gnb-search__input-btn--scan-barcode"> <span class="hidden">Scan Barcode</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#barcode-regular" href="#barcode-regular"></use> </svg> </button> </div> </fieldset> </form> <div class="gnb-search__result-wrap gnb-search__result-wrap--hide" style="overflow: auto;"> <div class="gnb-search__no-suggestions gnb-search__no-suggestions--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">NO SUGGESTIONS</h3> </div> </div> <div class="gnb-search__related gnb-search__related--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">おすすめ検索</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__popular-keyword gnb-search__popular-keyword--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">人気のキーワード</h3> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> <div class="gnb-search__history gnb-search__history--hide"> <div class="gnb-search__result-title-wrap"> <h3 class="gnb-search__result-title">検索履歴</h3> <button class="gnb-search__btn--history-clear" an-tr="search layer-flagship pdp-clear all-search" an-ca="search" an-ac="search layer" an-la="search history:clear all"> すべて消去 </button> </div> <ul class="gnb-search__result-list" role="list"> </ul> </div> </div> </div> <!-- .gnb-search__result-wrap--hide 가 제거될 때 .gnb-search__chip-wrap--hide 추가 --> <div class="gnb-search__chip-wrap" role="list"> <h3 class="hidden">recommended search</h3> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy z fold6">Galaxy Z Fold6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy z flip6">Galaxy Z Flip6</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy a55 5g">Galaxy A55 5G</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy buds3">Galaxy Buds3</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy watch ultra">Galaxy Watch Ultra</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy watch7">Galaxy Watch7</a> </div> <div role="listitem"> <a class="gnb-search__chip" aria-label="search" an-tr="sr01_search input--ctabutton" an-ca="search" an-ac="search layer" an-la="search chips:galaxy harajuku">Galaxy Harajuku</a> </div> </div> <button class="gnb-search__btn--close" an-tr="search layer-flagship pdp-close-search" an-ca="search" an-ac="search layer" an-la="close"> <span class="hidden">閉じる</span> <svg class="icon" focusable="false"> <use xlink:href="#cancel-close-regular" href="#cancel-close-regular"></use> </svg> </button> </div> <div class="gnb-search__looping--end" tabindex="0"></div> </section> <!--googleon: all--> <div id="content" role="main"> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="pd-g-floating-nav aem-GridColumn aem-GridColumn--default--12"> <section class="floating-navigation floating-navigation--mobile-scroll floating-navigation--cta-position floating-navigation--theme-white floating-navigation--no-utility floating-navigation--width-1440 floating-navigation--bg-full "> <div class="floating-navigation__wrap"> <div class="floating-navigation__inner"> <div class="floating-navigation__header"> <h2 class="floating-navigation__headline"> <strong class="floating-navigation__headline-text"> <em>Galaxy S24</em> <svg class="icon" focusable="false"><use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use></svg> </strong> <div class="menu"> <select class="menu__select" data-use-link="true" tabindex="-1"> <option selected aria-label="Galaxy S24 Ultra" data-open-action="current-window" value="/jp/smartphones/galaxy-s24-ultra/" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:galaxy s24 ultra"> Galaxy S24 Ultra </option> <option selected aria-label="Galaxy Tab S9 | S9+ | S9 Ultra" data-open-action="current-window" value="/jp/tablets/galaxy-tab-s/galaxy-tab-s9-ultra-wi-fi-graphite-512gb-sm-x910nzaexjp/" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:galaxy tab s9 and s9 plus and s9 ultra"> Galaxy Tab S9 | S9+ | S9 Ultra </option> <option selected aria-label="Galaxy Watch6" data-open-action="current-window" value="/jp/watches/galaxy-watch/galaxy-watch6-40mm-gold-bluetooth-sm-r930nzeaxjp/" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:galaxy watch6"> Galaxy Watch6 </option> <option selected aria-label="Galaxy Watch6 Classic" data-open-action="current-window" value="/jp/watches/galaxy-watch/galaxy-watch6-classic-43mm-silver-bluetooth-sm-r950nzsaxjp/" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:galaxy watch6 classic"> Galaxy Watch6 Classic </option> <option selected aria-label="すべてのGalaxy Sシリーズを見る" data-open-action="current-window" value="/jp/smartphones/galaxy-s/" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:see all galaxy s series"> すべてのGalaxy Sシリーズを見る </option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false"><use xlink:href="#open-down-bold" href="#open-down-bold"></use></svg> <svg class="menu__select-field-icon up" focusable="false"><use xlink:href="#close-up-bold" href="#close-up-bold"></use></svg> </button> </div> </h2> <div class="floating-navigation__utility"> <div class="floating-navigation__button-wrap"> <a class="floating-navigation__button" href="/jp/smartphones/galaxy-s24/reviews/" aria-label="レビュー" an-tr="nv04_floating navigation-flagship pdp-cta-button" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:review"><span>レビュー</span> </a> <a class="floating-navigation__button" href="/jp/smartphones/galaxy-s24/buy/" aria-label="ご購入はこちら" an-tr="nv04_floating navigation-flagship pdp-cta-button" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:buy now"><span>ご購入はこちら</span> </a> </div> </div> </div> <div class="floating-navigation__menu-wrap"> <div class="floating-navigation__menu swiper-container"> <button class="floating-navigation__menu--previous"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#previous-regular" href="#previous-regular"></use> </svg> </button> <ul class="floating-navigation__menu-list swiper-wrapper" role="menubar"> <li class="floating-navigation__menu-item active swiper-slide" role="presentation"> <a href="/jp/smartphones/galaxy-s24/" aria-label="ハイライト" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:highlights" aria-current="page">ハイライト </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/jp/smartphones/galaxy-s24/upgrade/" aria-label="Galaxy S24にアップグレード" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:upgrade galaxy s24">比較&アップグレード </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/jp/mobile/switch-to-galaxy/" aria-label="Switch to Galaxy" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:switch to galaxy">Switch to Galaxy </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/jp/smartphones/galaxy-s24/accessories/" aria-label="アクセサリー" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:accessories">アクセサリー </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/jp/smartphones/galaxy-s24/specs/" aria-label="スペック" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:spec">スペック </a> </li> <li class="floating-navigation__menu-item swiper-slide" role="presentation"> <a href="/jp/support/model/SM-S921QZYESJP/" aria-label="サポート" role="menuitem" an-tr="nv04_floating navigation-flagship pdp-cta-link" an-ca="navigation" an-ac="secondary navi" an-la="galaxy s24:highlights:stk-bar:page:support">サポート </a> </li> </ul> <button class="floating-navigation__menu--next"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#next-regular" href="#next-regular"></use> </svg> </button> </div> </div> </div> </div> </section> </div> <div class="static-content aem-GridColumn aem-GridColumn--default--12"> <!-- include raw codes --> <link rel="dns-prefetch" href="//images.samsung.com"> <link rel="preconnect" href="//images.samsung.com"> <script> var COUNTRY_SHOP_STATUS = "order"; var COUNTRY_SHOP_URL = "//www.samsung.com/jp/smartphones/galaxy-s24/buy/"; try {digitalData.page.pathIndicator.depth_2 = "mobile";} catch (e) {} try {digitalData.page.pathIndicator.depth_3 = "smartphones";} catch (e) {} try {digitalData.page.pathIndicator.depth_4 = "galaxy s";} catch (e) {} try {digitalData.page.pathIndicator.depth_5 = "galaxy-s24";} catch (e) {} try {digitalData.product.pvi_type_name = "Mobile";} catch (e) {} try {digitalData.product.pvi_subtype_name = "Smartphone";} catch (e) {} try {digitalData.product.model_name = "SM-S921,SM-S926";} catch (e) {} try {digitalData.product.displayName = "galaxy s24";} catch (e) {} try {digitalData.product.category = digitalData.page.pathIndicator.depth_2;} catch (e) {} try {digitalData.product.pd_sub_type = "galaxy s";} catch (e) {} </script> <!-- 1. Header Contents --> <link rel="stylesheet" type="text/css" href="/samsung/resources/global/galaxy-s24/common/css/common.min.css"> <style> .color_yb .common-accordion__description,.color_yb .common-accordion__disclaimer,.color_yb .common-accordion__title,.color_yb .common-accordion__title-arrow,.color_yb .common-cta-howto,.color_yb .common-description,.color_yb .common-disclaimer,.color_yb .common-hashtag-text,.color_yb .common-headline,.color_yb .common-popup__close--bottom .common-popup__close-cta,.color_yb .common-popup__description,.color_yb .common-popup__title,.color_yb .common-sub-headline,.color_yb .common-tutorial .common-tutorial__tooltip-text.common-tutorial__tooltip-text--black,.color_yb .common-tutorial__alert,.color_yb .common-tutorial__eyebrow,.color_yb .common-tutorial__headline,.color_yb .common-tutorial__info-description,.color_yb .common-tutorial__info-title,.color_yb .common-tutorial__tooltip-text,.color_yb .highlights-accessories__headline,.color_yb .highlights-battery__info-category,.color_yb .highlights-battery__info-product,.color_yb .highlights-color__bottom-disclaimer-item,.color_yb .highlights-color__carousel-exclusive-text,.color_yb .highlights-color__description,.color_yb .highlights-color__disclaimer,.color_yb .highlights-color__exclusive-badge,.color_yb .highlights-color__headline,.color_yb .highlights-color__tab-exclusive-text,.color_yb .highlights-color__tab-name,.color_yb .highlights-design-spec-popup__table-data,.color_yb .highlights-design-spec-popup__table-title,.color_yb .highlights-design-spec-popup__title span,.color_yb .highlights-galaxy-offers__card-desc,.color_yb .highlights-galaxy-offers__card-title,.color_yb .highlights-gaming__info-category,.color_yb .highlights-gaming__video sup>a,.color_yb .highlights-intro-film .highlights-media-quote__eyebrow,.color_yb .highlights-intro-film .highlights-media-quote__media,.color_yb .highlights-intro-film .highlights-media-quote__text,.color_yb .highlights-intro-film .highlights-media-quote__topic,.color_yb .highlights-intro-film .highlights-tvc__item-title,.color_yb .highlights-kv__description,.color_yb .highlights-kv__disclaimer,.color_yb .highlights-kv__headline,.color_yb .highlights-one-ui__description,.color_yb .highlights-one-ui__headline,.color_yb .highlights-one-ui__title,.color_yb .highlights-overview__banner-description,.color_yb .highlights-overview__banner-text,.color_yb .highlights-overview__banner-title,.color_yb .highlights-overview__info-title,.color_yb .highlights-overview__navigation-button-text,.color_yb .highlights-resolution-popup__spec-desc,.color_yb .highlights-resolution-popup__spec-item,.color_yb .highlights-switching__card-description,.color_yb .highlights-switching__card-title,.color_yb .highlights-viewer__title,.color_yb .swiper-pagination{background-color:#000!important;color:#fff01f!important} .common-headline,.common-popup__title,.common-sub-headline,.common-tutorial__headline,.common-tutorial__info-title,.highlights-accessories__headline,.highlights-battery__info-unit,.highlights-battery__info-value,.highlights-design-spec-popup__table-data,.highlights-design-spec-popup__title,.highlights-faq__feature-title,.highlights-galaxy-offers__card-title,.highlights-gaming__info-over,.highlights-gaming__info-unit,.highlights-gaming__info-value,.highlights-intro-film .highlights-media-quote__eyebrow,.highlights-intro-film .highlights-media-quote__media,.highlights-intro-film .highlights-media-quote__text,.highlights-intro-film .highlights-media-quote__topic,.highlights-intro-film .highlights-tvc__item-title,.highlights-kv__headline,.highlights-one-ui__headline,.highlights-one-ui__title,.highlights-overview__banner-title,.highlights-overview__info-title,.highlights-resolution-popup__spec-title,.highlights-switching__card-title{font-family:SamsungSharpSans,SamsungOne,'sans serif';font-weight:700} .common-accordion__title,.common-cta-howto,.common-popup__close--bottom .common-popup__close-cta,.common-tutorial__eyebrow,.highlights-battery__info-category,.highlights-color__exclusive-badge,.highlights-color__tab-name,.highlights-design-spec-popup__table-title,.highlights-faq__question-arrow,.highlights-gaming__info-category,.highlights-optical-zoom__zoom-tooltip-text,.highlights-overview__banner-cta .common-cta-underline,.highlights-overview__navigation-button-text,.highlights-overview__textbox strong,.highlights-viewer__title{font-family:SamsungOne;font-weight:700} .highlights{font-family:SamsungOne;color:#313131} .highlights img{width:100%} .highlights .swiper-button-next,.highlights .swiper-button-prev{display:block;width:40px;height:40px;margin-top:-20px} .highlights .swiper-button-next::after,.highlights .swiper-button-prev::after{content:''!important;display:block;width:100%;height:100%;background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-carousel-arrow-white.svg)} .color_yb .highlights .swiper-button-next::after,.color_yb .highlights .swiper-button-prev::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-carousel-arrow-yellow.svg)!important} .highlights .is-theme-white .swiper-button-next::after,.highlights .is-theme-white .swiper-button-prev::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-carousel-arrow-black.svg)} .highlights .swiper-button-prev::after{-webkit-transform:scale(-1);-ms-transform:scale(-1);transform:scale(-1)} .highlights .swiper-button-next::after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .highlights .swiper-button-disabled{display:none!important} .highlights .swiper-pagination-wrap{margin-top:27px;text-align:center} .highlights .swiper-pagination{position:static!important;width:auto!important;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px} .highlights .swiper-pagination-bullet{width:8px;height:8px;margin:7px 5px!important;background-color:#757575;opacity:1} .highlights .swiper-pagination-bullet-active{background-color:#000;opacity:1} .highlights .common-tutorial__eyebrow sup .click_sup{font-weight:inherit;font-family:inherit} .highlights-common-youtube__item-title span{display:block} .is-layer-open #consent_blackbar,.is-layer-open #kampyleButtonContainer,.is-layer-open #teconsent,.is-layer-open .QSIFeedbackButton,.is-layer-open [id^=spr-live-]{display:none!important;position:relative;z-index:-1!important;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(-5px)} .common-inner{margin:0 auto} .common-headline{display:block} .common-sub-headline{display:block} .common-disclaimer{color:#575757} .theme-black .common-disclaimer{color:#999} .common-text{display:block} .common-hashtag{display:block;padding-bottom:10px} .common-hashtag-text{position:relative;display:block;text-align:left} .common-hashtag-text::before{content:'';position:absolute;top:0;left:0;display:inline-block;vertical-align:top} .is-bg-load-complete .common-hashtag-text::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-insta.svg);background-size:100%} .common-hashtag-inner{color:#006ff2} .common-cta-howto{position:relative;text-align:inherit} .common-cta-howto__text{vertical-align:middle} .common-mute-button,.common-play-button{position:absolute;bottom:0;border-radius:50%} html:not(.low_network) .common-mute-button,html:not(.low_network) .common-play-button{opacity:0} .common-mute-button.focus-visible,.common-play-button.focus-visible,.is-ended .common-mute-button,.is-ended .common-play-button{opacity:1!important} .common-play-button{right:0;z-index:1} .common-mute-button{z-index:10} .is-ended .common-mute-button{display:none} .common-mute-button::after,.common-mute-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:.35s;-o-transition:.35s;transition:.35s} .common-mute-button::before{display:block} .common-mute-button::after{display:none} .common-mute-button.is-unmuted::after{display:block} .common-mute-button.is-unmuted::before{display:none} .common-cta-encased--tutorial{border:1px solid #000} .common-cta-encased--tutorial .common-cta-encased__text{color:#000} @media screen and (max-width:767px){ .highlights sup{font-size:9px} .highlights .common-tutorial__eyebrow sup{top:.5em} .highlights .common-headline sup{top:1.4em} .highlights .common-sub-headline sup{top:0;line-height:1.8} .common-inner{width:100%;max-width:360px;padding-right:24px;padding-left:24px} .common-headline{font-size:40px;line-height:1.2;text-align:center} .common-sub-headline{width:auto;font-size:30px;line-height:1.33} .common-description{font-size:14px;line-height:1.35} .common-description+.common-description{margin-top:20px} .common-headline+.common-description{margin-top:20px} .common-sub-headline+.common-description{width:auto;margin-top:17px} .common-disclaimer{font-size:10px;line-height:1.3} .common-disclaimer+.common-disclaimer{margin-top:10px} .common-headline+.common-disclaimer{margin-top:10px} .common-description+.common-disclaimer,.common-description+.common-disclaimer-list{margin-top:16px} .common-sub-headline+.common-cta-area{margin-top:21px} .common-description+.common-cta-area{margin-top:40px} .common-description+.common-cta-area .common-cta-howto{margin-top:-4px} .common-disclaimer+.common-cta-area,.common-disclaimer-list+.common-cta-area{margin-top:36px} .common-disclaimer+.common-cta-area .common-cta-howto,.common-disclaimer-list+.common-cta-area .common-cta-howto{margin-top:-4px} .common-textbox--column .common-headline~.common-textbox__column{margin-top:35px} .common-textbox--column .common-sub-headline~.common-textbox__column{margin-top:20px} .common-sub-headline+.common-textbox__column{margin-top:17px} .common-hashtag{padding-top:15px} .common-hashtag-text{font-size:11px;padding-left:22px} .common-hashtag-text::before{top:-3px;width:18px;height:18px} .common-cta-howto{width:281px;padding:10px 0 10px;font-size:16px;line-height:1.25} .common-play-button{width:24px;height:24px;margin:12px} .is-bg-load-complete.common-video__white .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-black-mo.svg)} .is-bg-load-complete.common-video__black .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-white-mo.svg)} .is-bg-load-complete.common-video__white .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-black-mo.svg)} .is-bg-load-complete.common-video__black .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-white-mo.svg)} .common-mute-button{bottom:10px;right:40px!important;width:24px;height:24px} .is-bg-load-complete .common-mute-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-unmute-mo.svg)} .is-bg-load-complete .common-mute-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-mute-mo.svg)} } @media screen and (min-width:768px){ .highlights sup{font-size:11px} .highlights .common-tutorial__eyebrow sup{top:.3em} .highlights .common-headline sup{top:1.5em} .highlights .common-sub-headline sup{top:.9em} .common-inner{width:988px} .common-headline{font-size:60px;line-height:1.2} .common-sub-headline{font-size:38px;line-height:1.21} .common-description{font-size:18px;line-height:1.33} .common-description+.common-description{margin-top:24px} .common-headline+.common-description{margin-top:44px} .common-sub-headline+.common-description{margin-top:23px} .common-disclaimer{font-size:14px;line-height:1.42} .common-disclaimer+.common-disclaimer{margin-top:10px} .common-headline+.common-disclaimer{margin-top:18px} .common-description+.common-disclaimer,.common-description+.common-disclaimer-list{margin-top:16px} .common-sub-headline+.common-cta-area{margin-top:26px} .common-description+.common-cta-area,.common-disclaimer+.common-cta-area,.common-disclaimer-list+.common-cta-area{margin-top:40px} .common-textbox .common-sub-headline{width:456px} .is-english .common-textbox .common-sub-headline{width:430px} .common-textbox .common-description{width:460px} .is-english .common-textbox .common-description{width:460px} .common-textbox .common-disclaimer{width:460px} .is-english .common-textbox .common-disclaimer{width:460px} .common-textbox-wrap--column{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .common-textbox--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .common-textbox--horizontal .common-textbox__column{padding-right:24px} .common-textbox--vertical{width:456px} .is-english .common-textbox--vertical{width:400px} .common-textbox--vertical .common-description,.common-textbox--vertical .common-disclaimer,.common-textbox--vertical .common-sub-headline{width:456px} .is-english .common-textbox--vertical .common-description,.is-english .common-textbox--vertical .common-disclaimer,.is-english .common-textbox--vertical .common-sub-headline{width:400px} .common-hashtag{padding-top:13px} .common-hashtag-text{padding-left:26px;font-size:14px;line-height:1.28} .common-hashtag-text::before{top:-3px;width:22px;height:22px} .common-cta-howto{padding:17px 0 15px 0;font-size:16px;line-height:1.25} .common-play-button{width:36px;height:36px;margin:12px} .is-bg-load-complete.common-video__white .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-black.svg)} .is-bg-load-complete.common-video__black .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-white.svg)} .is-bg-load-complete.common-video__white .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-black.svg)} .is-bg-load-complete.common-video__black .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-white.svg)} .common-mute-button{right:-20px;width:36px;height:36px} .is-bg-load-complete .common-mute-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-unmute.svg)} .is-bg-load-complete .common-mute-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-mute.svg)} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights sup .common-tutorial__eyebrow sup{top:.5em} .highlights sup{font-size:9px} .common-inner{width:688px} .common-headline{font-size:40px;line-height:1.2} .common-sub-headline{font-size:30px;line-height:1.33} .common-description{font-size:14px;line-height:1.357} .common-headline+.common-description{margin-top:26px} .common-sub-headline+.common-description{margin-top:18px} .common-description+.common-description{margin-top:19px} .common-disclaimer{font-size:10px;line-height:1.3} .common-disclaimer+.common-disclaimer{margin-top:10px} .common-headline+.common-disclaimer{margin-top:10px} .common-description+.common-disclaimer,.common-description+.common-disclaimer-list{margin-top:16px} .common-sub-headline+.common-cta-area{margin-top:23px} .common-description+.common-cta-area{margin-top:40px} .common-disclaimer+.common-cta-area,.common-disclaimer-list+.common-cta-area{margin-top:40px} .common-cta-howto{padding:12px 0 15px;font-size:16px;line-height:1.25} .common-play-button{width:32px;height:32px;margin:12px} .common-mute-button{right:-10px;width:32px;height:32px} .common-textbox .common-sub-headline{width:300px} .is-english .common-textbox .common-sub-headline{width:266px} .common-textbox .common-description{width:334px} .is-english .common-textbox .common-description{width:334px} .common-textbox .common-disclaimer{width:334px} .is-english .common-textbox .common-disclaimer{width:334px} .common-textbox--horizontal .common-textbox__column{padding-right:0} .common-textbox--vertical{width:300px} .is-english .common-textbox--vertical{width:266px} .common-textbox--vertical .common-description{width:300px} .is-english .common-textbox--vertical .common-description{width:266px} .common-textbox--vertical .common-disclaimer{width:300px} .is-english .common-textbox--vertical .common-disclaimer{width:266px} } .color_yb .swiper-pagination-bullet{background-color:transparent;border:1px solid #fff01f!important} .color_yb .swiper-pagination-bullet-active{background:#fff01f!important} .color_yb .theme-black{color:#fff01f!important} .color_yb .common-hashtag-inner{color:#fff01f!important} .color_yb .common-play-button{background-color:#000!important} .color_yb .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-yellow-mo.svg)!important} @media screen and (min-width:768px){ .color_yb .common-play-button::before{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-play-yellow.svg)!important} } .color_yb .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-yellow-mo.svg)!important} @media screen and (min-width:768px){ .color_yb .common-play-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-video-pause-yellow.svg)!important} } .color_yb .common-mute-button{background-color:#000!important} .color_yb .common-mute-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-unmute-yellow-mo.svg)!important} @media screen and (min-width:768px){ .color_yb .common-mute-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-unmute-yellow.svg)!important} } .color_yb .common-mute-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-mute-yellow-mo.svg)!important} @media screen and (min-width:768px){ .color_yb .common-mute-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-mute-yellow.svg)!important} } .color_yb .common-popup__close-cta{border-color:#fff01f!important;background-color:#000!important} .color_yb .common-popup__close-cta::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-close-x-yellow.svg)} .common-accordion{margin-top:40px} .common-accordion__item{padding:0 0 17px;border-radius:10px;background-color:#f1f1f1} .common-accordion__item+.common-accordion__item{position:relative;margin-top:-20px} .common-accordion__item:nth-child(2){background-color:#e2e2e2} .common-accordion__item:nth-child(3){background-color:#cfcfcf} .common-accordion__item:last-child{padding-bottom:0} .common-accordion__item.is-open .common-accordion{padding-bottom:0} .common-accordion__item.is-open .common-accordion__title-arrow::after{-webkit-transform:rotate(180deg) translate(0,50%);-ms-transform:rotate(180deg) translate(0,50%);transform:rotate(180deg) translate(0,50%)} .common-accordion__item.is-open .common-accordion__content{-webkit-box-sizing:content-box;box-sizing:content-box;padding-bottom:35px} .common-accordion__title{font-size:16px;line-height:1.3125;color:inherit;-webkit-transition:padding .3s;-o-transition:padding .3s;transition:padding .3s} .common-accordion__title-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:76px;padding:17px 72px 17px 20px} .common-accordion__title-arrow{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:36px;height:36px;text-align:inherit;background-color:transparent;cursor:pointer} .common-accordion__title-arrow::after{content:'';position:absolute;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out} .is-bg-load-complete .common-accordion__title-arrow::after{background:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-accordion-arrow-black.svg) no-repeat center;background-size:auto} .common-accordion__content{padding:0 16px} .common-accordion__content-wrap{overflow:hidden;height:0} .common-accordion__cta{margin-top:18px} .common-accordion__description{font-size:14px;line-height:1.35} .common-accordion__disclaimer{font-size:10px;line-height:1.3;color:#999} .common-accordion__description+.common-accordion__disclaimer{margin-top:21px} .is-english .common-accordion .common-disclaimer{width:auto} @media screen and (min-width:768px){ .common-accordion{width:400px} .common-accordion__wrap{width:auto} .common-accordion__item{padding:0 0 33px;border-radius:20px} .common-accordion__item.is-open .common-accordion__content{padding-bottom:32px} .common-accordion__item+.common-accordion__item{margin-top:-33px} .common-accordion__title{font-size:18px;line-height:1.33} .common-accordion__title-wrap{min-height:72px;padding:24px 81px 24px 25px} .common-accordion__title-arrow{right:25px} .common-accordion__title-arrow::after{width:36px;height:36px} .common-accordion__content{padding:0 25px} .common-accordion__cta{margin-top:18px} .common-accordion__disclaimer{font-size:14px} } @media screen and (min-width:768px) and (max-width:1023px){ .common-accordion{width:312px} .common-accordion__title{font-size:16px;line-height:1.3125} .common-accordion__title-wrap{padding:16px 70px 16px 20px} .common-accordion__title-arrow{right:20px} .common-accordion__content{padding:0 16px} } .color_yb .common-accordion__item.is-bg-load-complete .common-accordion__title-arrow:after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-accordion-arrow-yellow.svg)} .common-video{position:relative;height:100%} .common-video:hover .common-mute-button,.common-video:hover .common-video__control{opacity:1!important} .common-video__control{display:none;overflow:hidden;position:absolute;z-index:10} .common-popup .common-video__control{opacity:1!important} .common-video__control::after,.common-video__control::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:.35s;-o-transition:.35s;transition:.35s} .common-video__control::before{opacity:1} .common-video__control::after{opacity:0} .common-video__figure{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%} .common-video__figure img{width:100%;height:100%} @media screen and (max-width:767px){ .ios .common-video__figure{-webkit-clip-path:inset(.5px .5px);clip-path:inset(.5px .5px)} } .common-video__video{display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden} .common-video__cover-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0} .common-video__cover-image{opacity:1;visibility:visible} .common-video__frame .common-video__control{left:100%;margin:12px 12px 0 18px} .common-video.is-loaded .common-video__video{opacity:1;visibility:visible} .low_network .common-video.is-loaded .common-video__video{opacity:0;visibility:hidden} .common-video.is-loaded .common-video__cover-image{opacity:0;visibility:hidden} .low_network .common-video.is-loaded .common-video__cover-image{opacity:1;visibility:visible} .common-video.is-loaded .common-video__control{display:block} .common-video.is-playing .common-video__control::before{opacity:0} .common-video.is-playing .common-video__control::after{opacity:1} .common-video.is-playing .common-video__video{opacity:1;visibility:visible} .low_network .common-video.is-playing .common-video__video{opacity:1;visibility:visible} .common-video.is-playing .common-video__cover-image{opacity:0;visibility:hidden} .low_network .common-video.is-playing .common-video__cover-image{opacity:0;visibility:hidden} .common-video.is-paused .common-video__control::before{opacity:1} .common-video.is-paused .common-video__control::after{opacity:0} .common-video.is-paused .common-video__video{opacity:1;visibility:visible} .low_network .common-video.is-paused .common-video__video{opacity:1;visibility:visible} .common-video.is-paused .common-video__cover-image{opacity:0;visibility:hidden} .low_network .common-video.is-paused .common-video__cover-image{opacity:0;visibility:hidden} .common-video.is-ended .common-video__control::before{opacity:1} .common-video.is-ended .common-video__control::after{opacity:0} .common-video.is-ended .common-video__cover-image{opacity:0;visibility:hidden} .common-video.is-completed .common-video__control{opacity:1} @media screen and (min-width:1024px){ .common-video__frame .common-video__control{margin:12px 12px 0 28px} } .common-popup{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0;max-width:none;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s} .common-popup.is-open .common-popup__inner-wrapper{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .common-popup.is-init{visibility:visible;opacity:1} .common-popup__inner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out} .common-popup__inner-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100%;padding:30px 16px} .common-popup__inner{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:1;max-width:534px;margin:0 auto;border-radius:12px;background-color:#fff} .common-popup__dimmed{position:absolute;top:0;left:0;right:0;bottom:0} @media screen and (max-width:767px){ .common-popup__dimmed{pointer-events:none} } .common-popup__content-wrap{max-width:328px;margin:0 auto;padding-top:12px;padding-bottom:26px} .common-popup__content+.common-popup__content{margin-top:38px} @media screen and (max-width:767px){ .common-popup .common-hashtag,.common-popup__text{padding-left:16px;padding-right:16px} } .common-popup__close{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex} .common-popup__close--top{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:16px;padding-right:16px} .common-popup__close--top .common-popup__close-cta{position:relative;overflow:hidden;width:28px;height:28px;border-radius:50%;background-color:#000;-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s;cursor:pointer} .common-popup__close--top .common-popup__close-cta:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .common-popup__close--top .common-popup__close-cta::after,.common-popup__close--top .common-popup__close-cta::before{content:'';position:absolute;z-index:1;top:50%;left:50%;width:16px;height:1px;background-color:#fff} .common-popup__close--top .common-popup__close-cta::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} .common-popup__close--top .common-popup__close-cta::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} .common-popup__close--bottom{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:45px} .common-popup__close--bottom .common-popup__close-cta{padding:11px 22px;border:1px solid #000;border-radius:24px;font-size:14px;line-height:1;color:#000} .common-popup__title{display:block;font-size:24px;line-height:1.33} .common-popup__description{font-size:14px;line-height:1.36} .common-popup__title+.common-popup__description{margin-top:14px} .common-popup__description+.common-disclaimer{margin-top:16px} .common-popup__image{position:relative} .common-popup__video{position:relative} @media screen and (min-width:768px){ .common-popup__inner-wrap{padding:60px 0} .common-popup__inner{max-width:1100px;border-radius:24px} .common-popup__content-wrap{max-width:none;width:988px;padding-top:21px;padding-bottom:40px} .common-popup__content--horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .common-popup__content+.common-popup__content{margin-top:109px} .common-popup__close--top{padding-top:20px;padding-right:20px} .common-popup__close--top .common-popup__close-cta{width:36px;height:36px} .common-popup__close--top .common-popup__close-cta::after,.common-popup__close--top .common-popup__close-cta::before{width:21px;height:2px} .common-popup__close--bottom{margin-top:74px} .common-popup__text{width:652px;margin-left:auto;margin-right:auto;text-align:center} .common-popup__content--horizontal .common-popup__text{width:456px;margin:0;text-align:left} .is-english .common-popup__content--horizontal .common-popup__text{width:400px} .common-popup__title{font-size:38px;line-height:1.21} .common-popup__description{font-size:18px;line-height:1.33} .common-popup__title+.common-popup__description{margin-top:22px} .common-popup__description+.common-disclaimer{margin-top:14px} .common-popup__content--horizontal .common-popup__description{margin-top:23px} } @media screen and (min-width:768px) and (max-width:1023px){ .common-popup__inner-wrap{padding:30px 0} .common-popup__inner{max-width:688px;border-radius:20px} .common-popup__content-wrap{width:688px;padding-top:12px;padding-bottom:26px} .common-popup__content+.common-popup__content{margin-top:37px} .common-popup__content--horizontal{padding:0 40px} .common-popup__text{width:460px} .common-popup__content--horizontal .common-popup__text{width:300px} .is-english .common-popup__content--horizontal .common-popup__text{width:266px} .common-popup__close--top{padding-top:16px;padding-right:16px} .common-popup__close--bottom{margin-top:43px} .common-popup__title{font-size:24px;line-height:1.33} .common-popup__description{font-size:14px;line-height:1.357} .common-popup__title+.common-popup__description{margin-top:14px} .common-popup__description+.common-disclaimer{margin-top:16px} .common-popup__content--horizontal .common-popup__description{margin-top:20px} } .color_yb .common-popup__close--top .common-popup__close-cta{background-color:#000!important} .color_yb .common-popup__close--top .common-popup__close-cta::after,.color_yb .common-popup__close--top .common-popup__close-cta::before{background-color:#fff01f!important} .color_yb .common-popup__close--bottom .common-popup__close-cta{border-color:#000!important} .common-tutorial{position:fixed;top:0;left:0;bottom:0;width:100%;height:auto;visibility:hidden;opacity:0;pointer-events:none;max-width:none;background-color:#fff} .common-tutorial.is-open{z-index:10000;visibility:visible;opacity:1;pointer-events:auto} .common-tutorial .common-cta-encased{z-index:auto} .common-tutorial .common-video__figure{-webkit-clip-path:inset(.5px .5px);clip-path:inset(.5px .5px)} .common-tutorial__inner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto} .common-tutorial__inner-wrap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%} .common-tutorial__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1440px;width:100%;height:inherit;margin:0 auto} .common-tutorial__close{position:absolute;top:20px;right:20px} .common-tutorial.is-tutorial-opened-mo .common-tutorial__close--popup{display:none} .common-tutorial__close--video{display:none;position:fixed;z-index:20001;top:0;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .common-tutorial.is-tutorial-opened-mo .common-tutorial__close--video{display:block} .common-tutorial__close-cta{position:relative;overflow:hidden;width:28px;height:28px;border-radius:50%;background-color:#000!important;-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s;cursor:pointer} .common-tutorial__close-cta:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .common-tutorial__close-cta::after,.common-tutorial__close-cta::before{content:'';position:absolute;z-index:1;top:50%;left:50%;width:16px;height:1px;background-color:#fff} .common-tutorial__close-cta::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} .common-tutorial__close-cta::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} @media screen and (max-width:767px){ .common-tutorial__close-cta--video{width:50px;height:50px;background:#fff!important;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)} .common-tutorial__close-cta--video::after,.common-tutorial__close-cta--video::before{width:20px;background-color:#000} } .common-tutorial__content-wrap{max-width:360px;width:100%;margin:0 auto;padding-top:70px} @media screen and (max-width:767px){ .common-tutorial__content-wrap{min-width:320px;height:100%} } .common-tutorial__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} @media screen and (max-width:767px){ .common-tutorial__text{padding:0 24px;text-align:center} } .common-tutorial__eyebrow{font-size:12px} .common-tutorial__headline{min-height:95px;margin-top:14px;font-size:24px;line-height:1.31} .common-tutorial__cta-area{position:relative;min-height:40px;margin-top:34px} .common-tutorial__cta{display:none} .common-tutorial__cta.is-active{display:block} .common-tutorial__cta--play .common-cta-encased .common-cta-encased__text::before{display:none} .common-tutorial__cta--play .common-cta-encased .common-cta-encased__text::after{content:'';position:absolute;top:50%;right:-20px;width:16px;height:16px;-webkit-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);-webkit-transition-property:right;-o-transition-property:right;transition-property:right;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;background-repeat:no-repeat;background-size:100%} .common-tutorial__cta--play .common-cta-encased.is-bg-load-complete .common-cta-encased__text::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-go-feature-cta-white.svg)} .common-tutorial__cta--pause .common-cta-encased--icon{padding-left:43px;padding-right:22px} .common-tutorial__cta--pause .common-cta-encased .common-cta-encased__text::before{content:'';position:absolute;top:50%;left:-20px;width:16px;height:16px;-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-webkit-transition-property:left;-o-transition-property:left;transition-property:left;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;background-repeat:no-repeat;background-size:100%} .common-tutorial__cta--pause .common-cta-encased .common-cta-encased__text::after{display:none} .common-tutorial__cta--pause .common-cta-encased.is-bg-load-complete .common-cta-encased__text::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-go-feature-cta-white.svg)} .common-tutorial__video-content{position:relative} @media screen and (max-width:767px){ .common-tutorial__video-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100%;margin-top:35px} } @media screen and (max-width:767px){ .common-tutorial__video-wrap{width:100%} } .common-tutorial__videos{position:relative} .common-tutorial__info-area{display:none;position:fixed;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;opacity:0;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s} .common-tutorial__video-content.is-info-open .common-tutorial__info-area{display:-webkit-box;display:-ms-flexbox;display:flex} .common-tutorial__video-content.is-info-visible .common-tutorial__info-area{opacity:1;-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} .common-tutorial__info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:220px;min-height:150px;padding:25px;text-align:center;background-color:#fff;border-radius:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)} @media screen and (max-width:767px){ .common-tutorial__info{margin:0 24px} } .common-tutorial__info-title{font-size:12px;color:#565656} .common-tutorial__info-description{margin-top:13px;font-size:14px;line-height:1.44} .common-tutorial__video-content.is-tutorial-opened .common-tutorial__intro-video .common-tutorial__video{pointer-events:none} @media screen and (max-width:767px){ .common-tutorial__intro-video .common-video img{position:absolute;top:0;left:0} .common-tutorial__intro-video .common-video::after{content:"";display:block;width:100%;padding-top:140%} } .common-tutorial__intro-video .common-video img{opacity:1!important;visibility:visible!important} .common-tutorial__intro-video .common-video video{z-index:1} .common-tutorial__intro-video .common-video__control{top:50%;left:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;margin:0;background-color:rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)} @media screen and (max-width:767px){ .common-tutorial__main-video-wrap{display:none} .common-tutorial__video-content.is-info-open .common-tutorial__main-video-wrap,.common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video-wrap{display:block;position:fixed;z-index:20000;top:0;left:0;right:0;bottom:0;background-color:#000} } .common-tutorial__main-video{pointer-events:none} @media screen and (max-width:767px){ .common-tutorial__main-video{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%} } .common-tutorial__video-content.is-info-open .common-tutorial__main-video,.common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video{pointer-events:auto} .common-tutorial__main-video .common-tutorial__video{position:absolute;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none} .common-tutorial__main-video .common-tutorial__video.is-visible{visibility:visible;opacity:1;pointer-events:auto} @media screen and (max-width:767px){ .common-tutorial__main-video .common-tutorial__video .common-video__control{margin:0;bottom:10px;left:auto;right:10px} } .is-info-visible .common-tutorial__main-video .common-tutorial__video .common-video__control-wrap button{display:none!important} .common-tutorial__video-content.is-info-open .common-tutorial__main-video .common-tutorial__video,.common-tutorial__video-content.is-info-visible .common-tutorial__main-video .common-tutorial__video{-webkit-filter:blur(5px);filter:blur(5px)} .common-tutorial__alert{position:absolute;z-index:2;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:10px 20px;opacity:0;pointer-events:none;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;border-radius:20px;text-align:center;font-size:13px;background-color:#fff} .common-tutorial__alert.is-visible{opacity:1;pointer-events:auto} .common-tutorial__tooltip{position:absolute;z-index:2;opacity:0;pointer-events:none} .common-tutorial__tooltip-text{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,calc(-100% - 10px));-ms-transform:translate(-50%,calc(-100% - 10px));transform:translate(-50%,calc(-100% - 10px));padding:10px 20px;color:#fff;font-size:14px;white-space:nowrap;border-radius:20px;background-color:#3581ff} .common-tutorial__tooltip-text--black{background-color:#000} .common-tutorial__tooltip-text::after{content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,50%) rotate(45deg);-ms-transform:translate(-50%,50%) rotate(45deg);transform:translate(-50%,50%) rotate(45deg);width:10px;height:10px;background-color:inherit} .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text::after{content:none} .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text::before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;background-color:inherit} .common-tutorial__tooltip--bottom .common-tutorial__tooltip-text{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:100%;margin-top:10px} .common-tutorial__tooltip.is-visible{opacity:1;pointer-events:auto;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s} .common-tutorial__replay-cta{display:none;position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .common-tutorial__replay-cta::before{content:'';display:block;width:80px;height:80px;border-radius:50%;background-color:rgba(0,0,0,.6);background-repeat:no-repeat;background-position:center;background-size:33px auto} .common-tutorial__replay-cta.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-replay.svg)} .common-tutorial__video-content.is-info-open .common-tutorial__controller,.common-tutorial__video-content.is-tutorial-opened .common-tutorial__controller{display:none} .common-tutorial__navigation{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px} @media screen and (max-width:767px){ .common-tutorial__navigation{width:100vw;max-width:510px} } .common-tutorial__navigation-button{display:block;width:50px;height:50px} .common-tutorial__navigation-button::before{content:''!important;display:block;width:100%;height:100%} .common-tutorial__navigation-button.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-carousel-arrow-white.svg)} .color_yb .common-tutorial__navigation-button.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-carousel-arrow-yellow.svg)!important} .common-tutorial__navigation-button--prev::before{-webkit-transform:scale(-1);-ms-transform:scale(-1);transform:scale(-1)} .common-tutorial__navigation-button--next::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .common-tutorial__pagination-area{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .common-tutorial__pagination-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .common-tutorial__pagination-wrap+.common-tutorial__pagination-wrap{margin-left:10px} .common-tutorial__pagination{width:10px;height:10px;border-radius:50%;background-color:#000!important;opacity:.2} .common-tutorial__pagination.is-active{opacity:1} @media screen and (min-width:768px){ .common-tutorial.is-open{z-index:20} } @media screen and (min-width:768px) and (min-width:1024px){ .common-tutorial__close{top:40px} } @media screen and (min-width:768px){ .common-tutorial__close-cta{width:36px;height:36px} .common-tutorial__close-cta::after,.common-tutorial__close-cta::before{width:21px;height:2px} .common-tutorial__cta--play .common-cta-encased.focus-visible:focus .common-cta-encased__text::after,.common-tutorial__cta--play .common-cta-encased:hover .common-cta-encased__text::after{right:-25px} .common-tutorial__cta--pause .common-cta-encased.focus-visible:focus .common-cta-encased__text::before,.common-tutorial__cta--pause .common-cta-encased:hover .common-cta-encased__text::before{left:-25px} .common-tutorial__content-wrap{max-width:none;width:988px;padding:80px 0} .common-tutorial__content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .common-tutorial__text{width:400px} .common-tutorial__eyebrow{font-size:14px} .common-tutorial__headline{min-height:auto} } @media screen and (min-width:768px) and (min-width:1024px){ .common-tutorial__headline{font-size:36px} .common-tutorial__info{width:260px} } @media screen and (min-width:768px){ .common-tutorial__cta--pause .common-cta-encased--icon{padding-left:42px;padding-right:29px} .common-tutorial__video-content{-webkit-box-flex:0;-ms-flex:none;flex:none} .common-tutorial__intro-video{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} .common-tutorial__intro-video .common-tutorial__video{width:480px;height:672px} .common-tutorial__video-content.is-info-open .common-tutorial__intro-video,.common-tutorial__video-content.is-tutorial-opened .common-tutorial__intro-video{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;opacity:0} .common-tutorial__info-area{position:absolute} .common-tutorial__main-video{opacity:0;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} .common-tutorial__main-video::before{content:'';position:absolute;top:50%;left:50%;width:321px;height:662px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:44px;background-color:#000} .common-tutorial__main-video::after{content:'';position:absolute;top:0;left:50%;width:327px;height:672px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;background-repeat:no-repeat} .common-tutorial__main-video.is-bg-load-complete::after{background-image:url(//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-tutorial-frame.png)} .common-tutorial__main-video .common-tutorial__video{position:absolute;top:11px;left:90px;width:300px;height:650px} .common-tutorial__main-video .common-tutorial__video .common-video__figure{z-index:1;overflow:hidden;border-radius:30px} .common-tutorial__video-content.is-info-open .common-tutorial__main-video,.common-tutorial__video-content.is-tutorial-opened .common-tutorial__main-video{opacity:1;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} .common-tutorial__alert{font-size:16px} .common-tutorial__navigation{left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0;margin:0 -65px} } @media screen and (min-width:768px) and (min-width:1024px) and (max-width:1440px) and (max-width:1115px){ .common-tutorial__navigation{padding:0 10px;margin:0} } @media screen and (min-width:768px){ .common-tutorial__pagination-area{top:100%;margin-top:30px} } @media screen and (min-width:768px) and (max-width:1023px){ .common-tutorial__content-wrap{width:688px;padding:50px 0} .common-tutorial__text{width:210px} .common-tutorial__intro-video .common-tutorial__video{width:404px;height:564px} .common-tutorial__main-video::before{width:268px;height:554px;border-radius:38px} .common-tutorial__main-video::after{width:274px;height:564px} .common-tutorial__main-video.is-bg-load-complete::after{background-image:url(//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-tutorial-frame-tb.png)} .common-tutorial__main-video .common-tutorial__video{top:9px;left:77px;width:252px;height:546px} .common-tutorial__main-video .common-tutorial__video .common-video__figure{border-radius:26px} .common-tutorial__alert{font-size:14px} } @media screen and (min-width:768px) and (max-width:1023px) and (max-width:815px){ .common-tutorial__navigation{padding:0 10px;margin:0} } .color_yb .common-tutorial__close-cta{background-color:#000!important} .color_yb .common-tutorial__close-cta::after,.color_yb .common-tutorial__close-cta::before{background-color:#fff01f!important} .color_yb .common-tutorial__cta--play .common-cta-encased.is-bg-load-complete .common-cta-encased__text::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-go-feature-cta-yellow.svg)} .color_yb .common-tutorial__cta--pause .common-cta-encased.is-bg-load-complete .common-cta-encased__text::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-go-feature-cta-yellow.svg)} .color_yb .common-tutorial__replay-cta::before{background-color:#000!important} .color_yb .common-tutorial__navigation-button.is-bg-load-complete .common-tutorial__navigation-button-text::before{background-color:#000!important;background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-go-feature-cta-yellow.svg)} .color_yb .common-tutorial__pagination-area{background-color:#000!important} .color_yb .common-tutorial__pagination.common-tutorial__pagination{opacity:1;border:2px solid #fff01f;background-color:#000!important} .color_yb .common-tutorial__pagination.common-tutorial__pagination.is-active{background-color:#fff01f!important} .highlights-carousel__content{position:relative;text-align:center} .highlights-carousel__content-container{z-index:0!important} .highlights-carousel__content-slide{max-width:312px;overflow:hidden} @media screen and (max-width:767px){ .highlights-carousel__infinite .highlights-carousel__content-slide{height:auto!important} .highlights-carousel__infinite .highlights-carousel__content-slide::after{content:'';display:block;width:100%;padding-top:216.7%} } .highlights-carousel__content-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:360px} @media screen and (max-width:767px){ .highlights-carousel__content-image{left:0;top:0;width:100%;-webkit-transform:none;-ms-transform:none;transform:none} } .highlights-carousel__content-video .common-video{position:static} .highlights-carousel__content-video .common-video__control-wrap{position:absolute;width:100%;max-width:360px;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:2} .highlights-carousel__content-video .common-video__figure{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-carousel__content-navigation{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:312px;margin:auto;z-index:1} .highlights-carousel__content-arrow--next{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} .highlights-carousel__content-arrow--prev{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} @media screen and (min-width:768px){ .highlights-carousel__content{position:relative} .highlights-carousel__content-image{width:688px} .highlights-carousel__content-video .common-video__control-wrap{max-width:688px} .highlights-carousel__content-video .common-video__figure{width:688px} .highlights-carousel__content-navigation{max-width:688px} } @media screen and (min-width:1024px){ .highlights-carousel__content-slide{max-width:988px} .highlights-carousel__content-image{width:988px} .highlights-carousel__content-video .common-video__control-wrap{max-width:988px} .highlights-carousel__content-video .common-video__figure{width:988px} .highlights-carousel__content-navigation{width:00px;max-width:988px} } .highlights-kv{z-index:2;position:relative;overflow:hidden;min-height:0;height:auto;max-height:none;background-color:#f4f4f4} .highlights-kv__ai-wrap{margin-top:14px} @media screen and (max-width:767px){ .highlights-kv__ai-wrap{margin-left:-24px;margin-right:-24px} } .highlights-kv__ai-wrap img{width:auto;margin:0 auto;height:30px} .highlights-kv--k .highlights-kv__ai-wrap img{height:57px} .highlights-kv__inner{position:relative;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch} .highlights-kv__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .highlights-kv__text{z-index:1;position:relative;-ms-flex-negative:0;flex-shrink:0;padding:60px 0 40px;text-align:center} .highlights-kv__headline{font-size:36px;color:#000} @media screen and (max-width:767px){ .highlights-kv__headline{line-height:1.16} } .highlights-kv__description{width:auto;margin-top:30px;font-size:15px;line-height:1.33;color:#000} .highlights-kv__disclaimer{margin-top:17px;font-size:13px;line-height:1.23;color:#000} .highlights-kv__cta-area{display:none} .highlights-kv__cta-area[class*=is-]{display:block;min-height:70px} .highlights-kv__image{width:100%;height:100%;max-height:370px;padding-left:38px;padding-right:24px} .highlights-kv__image picture{display:block;position:relative} @media screen and (max-width:767px){ .highlights-kv__image picture img{position:absolute;top:0;left:0} .highlights-kv__image picture::after{content:"";display:block;width:100%;padding-top:154.16667%} } .highlights-kv .shop-status .common-cta-encased{display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:366px;margin-top:30px} .highlights-kv .shop-status.is-buy .shop-status__buy-now{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .highlights-kv .shop-status.is-reserve .shop-status__pre-reserve{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .highlights-kv .shop-status.is-order .shop-status__pre-order{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .highlights-kv .shop-status.is-wheretobuy .shop-status__wheretobuy{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} @media screen and (min-width:768px) and (max-width:1023px){ .highlights-kv__ai-wrap{margin-top:11px} .highlights-kv__ai-wrap img{height:36px} .highlights-kv--k .highlights-kv__ai-wrap img{height:69px} .highlights-kv__inner{min-height:981px} .highlights-kv__text{padding-top:100px;padding-bottom:35px} .highlights-kv__headline{font-size:42px;line-height:1.28} .highlights-kv__description{max-width:510px;width:100%;margin:23px auto 0;font-size:15px;line-height:1.38} .highlights-kv__disclaimer{max-width:510px;width:100%;margin:10px auto 0;font-size:13px;line-height:1.38} .highlights-kv__cta-area[class*=is-]{min-height:72px} .highlights-kv__image{margin-left:15px;max-height:680px;padding:0} .highlights-kv__image picture{max-width:503px;margin:0 auto} .highlights-kv .shop-status .common-cta-encased{max-width:234px;margin-top:36px} } @media screen and (min-width:1024px){ .highlights-kv{min-height:600px;height:calc(100vh - 166px);max-height:1194px} .highlights-kv__ai-wrap{margin-top:22px} .highlights-kv__ai-wrap img{height:46px;margin-left:0} .highlights-kv--k .highlights-kv__ai-wrap img{height:82px} .highlights-kv__content{height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .highlights-kv__text{padding:0;text-align:start;max-width:460px} .highlights-kv__headline{font-size:54px} .highlights-kv__description{width:380px;margin-top:25px;font-size:14px;line-height:1.429} .highlights-kv__disclaimer{margin-top:30px;font-size:14px;line-height:1.428} .highlights-kv__cta-area[class*=is-]{min-height:80px} .highlights-kv__image{min-height:0;height:auto;max-height:none;margin-left:70px;margin-top:190px;padding:0} .highlights-kv__image picture{width:594px;width:41.25vw;height:auto} } @media screen and (min-width:1024px) and (min-width:1440px){ .highlights-kv__image picture{width:594px} } @media screen and (min-width:1024px){ .highlights-kv .shop-status .common-cta-encased{margin-top:36px} } @-webkit-keyframes progress{ from{width:0} to{width:100%} } @keyframes progress{ from{width:0} to{width:100%} } .highlights-overview{overflow:hidden;padding:100px 0 60px} .highlights-overview__textbox{text-align:center} @media screen and (max-width:767px){ .is-english .highlights-overview__textbox .common-headline{padding:0 50px} } .highlights-overview__contents{max-width:312px;margin:55px auto 0} .highlights-overview__carousel{position:relative} .highlights-overview__carousel-wrapper{overflow:hidden;position:relative;border-radius:10px;background-color:#f4f4f4;padding-bottom:152px} @media screen and (max-width:767px){ .highlights-overview__carousel-wrap img{position:absolute;top:0;left:0} .highlights-overview__carousel-wrap::after{content:"";display:block;width:100%;padding-top:133.33333%} } .highlights-overview__carousel-slides.swiper-wrapper{position:absolute;top:0;left:0;right:0;bottom:0} .highlights-overview__carousel-slide{padding-bottom:152px;background-color:#f4f4f4} .highlights-overview__carousel-arrows{position:absolute;top:50%;left:0;right:0;margin:0 -22px} .highlights-overview__carousel-video{width:100%;height:100%;opacity:.99} .highlights-overview__carousel .common-video::after{position:absolute;left:0;bottom:0;right:0;height:100px;background:-webkit-gradient(linear,left bottom, left top,color-stop(0, #f4f4f4),to(transparent));background:-o-linear-gradient(bottom,#f4f4f4 0,transparent 100%);background:linear-gradient(360deg,#f4f4f4 0,transparent 100%);content:'';-webkit-transform:translate3d(0,0,0)} .highlights-overview__carousel .common-video__video{-webkit-clip-path:inset(-1px -1px);clip-path:inset(-1px -1px)} .highlights-overview__carousel .common-video__figure{border-radius:.1px} .highlights-overview__carousel .common-video .common-video__control{-webkit-transform:translate3d(0,0,0)} .highlights-overview__info-and-navi{position:relative;pointer-events:none;margin-top:29px} .highlights-overview__info{z-index:1;position:absolute;left:0;right:0;bottom:100%;margin-bottom:29px;pointer-events:auto} .highlights-overview__info-item{opacity:0;position:absolute;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;padding:0 16px;margin-bottom:54px} .highlights-overview__info-item.is-visible{visibility:visible} .highlights-overview__info-item.is-active{opacity:1;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity} .highlights-overview__info-text{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .highlights-overview__info-text-inner{overflow-y:auto;padding-right:16px} .highlights-overview__info-text-inner::-webkit-scrollbar{width:10px} .highlights-overview__info-text-inner::-webkit-scrollbar-thumb{background:rgba(85,85,85,.5);border-color:transparent transparent transparent transparent;border-width:0 4px 0 4px;border-style:solid} .highlights-overview__info-text-inner::-webkit-scrollbar-track{background:rgba(85,85,85,.1);border-color:transparent transparent transparent transparent;border-width:0 4px 0 4px;border-style:solid} .highlights-overview__info-text-inner::-webkit-scrollbar-button{background-color:transparent;height:10px} .highlights-overview__info-title{font-size:16px;line-height:1.3125} .highlights-overview__info-cta-area{margin-top:10px} .highlights-overview__navigation{overflow:hidden;position:relative;pointer-events:auto;padding:0 10px;margin:0 -2px} @media screen and (max-width:767px){ .highlights-overview__navigation{text-align:center} } .highlights-overview__navigation.swiper-container-initialized::after{content:'';z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;width:80px;background:-o-linear-gradient(181deg,#fff,transparent);background:linear-gradient(269deg,#fff,transparent)} .highlights-overview__navigation.is-scroll-end::after{right:auto;left:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .highlights-overview__navigation-inner.swiper-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;width:auto} .highlights-overview__navigation-listitem{padding:2px 0;margin-right:16px;text-align:center} .highlights-overview__navigation-listitem:last-child{margin:0} .highlights-overview__navigation-listitem.swiper-slide{width:62px} .highlights-overview__navigation-button-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer} .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button img{opacity:0} .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button img:last-child{opacity:1} .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-text{opacity:1} .highlights-overview__navigation-button{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:62px;border-radius:10px;margin-bottom:10px} .highlights-overview__navigation-button-image{overflow:hidden;width:100%;height:100%;border-radius:8px} .highlights-overview__navigation-button img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:62px;height:62px;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s} .highlights-overview__navigation-button img:first-child{z-index:1;opacity:1} .highlights-overview__navigation-button-text{opacity:.35;font-size:11px;line-height:1.36;color:inherit} .highlights-overview__navigation-button-text.is-english{padding:0 5px} .highlights-overview__navigation-button-text sup{font-size:63%;top:.7em;vertical-align:top} .highlights-overview .common-play-button{top:0;bottom:auto} .highlights-overview__progress-wrap{z-index:1000;overflow:hidden;position:absolute;bottom:17px;right:16px;left:16px;height:4px;border-radius:10px;background:#bababa} .highlights-overview__progress-wrap.js-progress-active .js-progress-bar{-webkit-animation-name:progress;animation-name:progress;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards} .highlights-overview__progress-wrap.js-progress-pause .js-progress-bar{-webkit-animation-play-state:paused!important;animation-play-state:paused!important} .highlights-overview__progress-bar{display:block;width:0;height:100%;background:-webkit-gradient(linear,left top, right top,color-stop(0, #2275ff),to(#23c492));background:-o-linear-gradient(left,#2275ff 0,#23c492 100%);background:linear-gradient(90deg,#2275ff 0,#23c492 100%);border-radius:10px} .highlights-overview__banner{position:relative;width:100%;padding:12px;margin-top:26px;background-color:#f5f5f5;border-radius:10px} .highlights-overview__banner-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} .highlights-overview__banner-text{padding-left:15px} .highlights-overview__banner-title{display:block;font-size:14px;line-height:1.35} .highlights-overview__banner-cta{margin-top:10px} .highlights-overview__banner-cta .common-cta-underline{padding:5px 0;font-size:11px;line-height:1.36} .highlights-overview__banner-description{display:none} .highlights-overview__banner-image{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:135px;height:135px} .highlights-overview__tutorial-cta{margin-top:25px} @media screen and (min-width:768px){ .highlights-overview{padding:120px 0 80px} .highlights-overview .common-inner{width:836px} .highlights-overview__textbox{max-width:824px;margin:0 auto} .highlights-overview__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;max-width:none;margin-top:55px;margin-bottom:0;padding:0 58px} .highlights-overview__carousel{-webkit-box-flex:0;-ms-flex:none;flex:none;width:360px;height:480px;margin-right:83px;border-radius:20px} .highlights-overview__carousel-wrapper{width:100%;height:100%;border-radius:20px;padding-bottom:0} .highlights-overview__carousel-wrap{width:100%;height:100%} .highlights-overview__carousel-slide{padding:0} .highlights-overview__carousel-arrows{margin:0 -66px} .highlights-overview__info-and-navi{width:472px;margin-bottom:-11px;margin-top:0} .highlights-overview__info{position:relative;margin-bottom:34px} .highlights-overview__info-item{padding:0;margin:0} .highlights-overview__info-title{font-size:24px;line-height:1.33} .highlights-overview__info-cta-area{margin-top:10px} .highlights-overview__navigation{padding:4px 2px} .highlights-overview__navigation-listitem{margin-right:24px} .highlights-overview__navigation-listitem.swiper-slide{width:80px} .highlights-overview__navigation-button-wrap{width:80px} .highlights-overview__navigation-button{height:80px;margin-bottom:10px} .highlights-overview__navigation-button img{width:80px;height:80px} .highlights-overview__navigation-button-text{font-size:14px;line-height:1.35} .highlights-overview__progress-wrap{bottom:20px;right:20px;left:20px;height:4px;-webkit-transform:translate3d(0,0,0)} .highlights-overview__banner{width:392px;padding:20px;margin-top:80px;margin-left:500px;border-radius:20px} .highlights-overview__banner-text{padding-left:24px} .highlights-overview__banner-title{margin-top:2px;font-size:18px;line-height:1.333} .highlights-overview__banner-image{width:156px;height:156px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-overview__banner-description{display:block;margin-top:16px;font-size:14px;line-height:1.357;color:#313131} .highlights-overview__banner-cta{display:none} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-overview{padding:100px 0 60px} .highlights-overview .common-inner{width:768px} .highlights-overview__textbox{max-width:510px;margin:0 auto} .highlights-overview__contents{margin-top:55px;padding:0 64px} .highlights-overview__carousel{width:256px;height:340px;margin-right:75px} .highlights-overview__carousel-arrows{margin:0 -58px} .highlights-overview__info-and-navi{margin-top:40px;width:297px;margin-bottom:-7px} .highlights-overview__progress-wrap{bottom:14px;right:15px;left:15px} .highlights-overview__info{margin-bottom:37px} .highlights-overview__info-title{font-size:16px;line-height:1.31} .highlights-overview__info-cta-area{margin-top:10px} .highlights-overview__navigation{padding:0 2px} .highlights-overview__navigation-listitem{margin-right:16px} .highlights-overview__navigation-listitem.swiper-slide{width:62px} .highlights-overview__navigation-button-wrap{width:62px} .highlights-overview__navigation-button{height:62px;margin-bottom:7px} .highlights-overview__navigation-button img{width:62px;height:62px} .highlights-overview__navigation-button-text{font-size:11px;line-height:1.36} .highlights-overview .common-video:after{bottom:-1px} .highlights-overview__banner{width:296px;padding:12px;margin-top:40px;margin-left:395px} .highlights-overview__banner-text{padding-left:17px} .highlights-overview__banner-title{margin-top:5px;font-size:14px;line-height:1.357} .highlights-overview__banner-cta{margin-top:10px} .highlights-overview__banner-cta .common-cta-underline{padding:5px 0;font-size:11px;line-height:1.36} .highlights-overview__banner-image{width:134px;height:134px} } .color_yb .highlights-overview__navigation-button-text{opacity:1} .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-text{background-color:#fff01f!important;color:#000!important} .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button{background:#000!important;border:2px solid #fff01f!important} .color_yb .highlights-overview__navigation-button-wrap.is-active .highlights-overview__navigation-button-image::after{content:'';position:absolute;inset:0;border-radius:8px;border:2px solid #fff01f!important} .color_yb .highlights-overview__carousel-slide,.color_yb .highlights-overview__carousel-wrapper,.color_yb .highlights-overview__info-item{background:#000!important} .color_yb .highlights-overview__progress-wrap{background-color:#fff!important} .color_yb .highlights-overview__progress-bar{background:red!important} .color_yb .highlights-overview__carousel .common-video::after{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, #000),to(transparent));background:-o-linear-gradient(bottom,#000 0,transparent 100%);background:linear-gradient(360deg,#000 0,transparent 100%)} .highlights-intro-film{padding:60px 0} @media screen and (max-width:767px){ .highlights-intro-film .highlights-tvc__wrap{width:100%;padding:0 22px 0 24px} .highlights-intro-film .highlights-tvc__list{border-left:2px solid rgba(0,0,0,.2)} .highlights-intro-film .highlights-tvc__item+.highlights-tvc__item{margin-top:12px} .highlights-intro-film .highlights-tvc__item-cta{padding:0 30px 0 10px} } .highlights-intro-film .highlights-tvc__item-title{margin-bottom:-1px;font-size:14px;line-height:1;vertical-align:middle} .highlights-intro-film .highlights-tvc__item-cta{position:relative;min-height:32px;width:100%} .highlights-intro-film .highlights-tvc__item-cta::after{content:'';position:absolute;top:50%;right:0;width:19px;height:19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-position:center center;background-repeat:no-repeat} .highlights-intro-film .highlights-tvc__item-cta.is-bg-load-complete::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-yt-play-black.svg)} .highlights-intro-film .highlights-media-quote{margin-top:40px} .highlights-intro-film .highlights-media-quote__inner{position:relative} .highlights-intro-film .highlights-media-quote__list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} @media screen and (max-width:767px){ .highlights-intro-film .highlights-media-quote__list-wrap{width:264px} } @media screen and (max-width:767px){ .highlights-intro-film .highlights-media-quote__item{max-width:264px;margin:0 6px} } .highlights-intro-film .highlights-media-quote .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto} .highlights-intro-film .highlights-media-quote .swiper-container-initialized .highlights-media-quote__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .highlights-intro-film .highlights-media-quote__content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:start;align-content:flex-start;width:100%;height:100%;min-height:170px;padding:24px 31px;border-radius:10px;text-align:center;background-color:#f4f4f4;color:#000} .highlights-intro-film .highlights-media-quote__eyebrow{font-size:12px;line-height:1.27;direction:ltr} .highlights-intro-film .highlights-media-quote__topic{font-size:12px;line-height:1.31} .highlights-intro-film .highlights-media-quote__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:23px;font-size:14px;line-height:1.33} .highlights-intro-film .highlights-media-quote__media{margin-top:23px;font-size:16px;line-height:1.31} .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button{width:auto;height:auto;padding:10px;margin-top:0;top:68px} .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::after{margin:0;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-arrow-next-black.svg)} @media screen and (max-width:767px){ .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::after{width:10px;height:16px} } .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button:focus-visible{outline-width:2px} .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none} .highlights-intro-film .highlights-media-quote__arrow .swiper-button-prev{left:-12px} .highlights-intro-film .highlights-media-quote__arrow .swiper-button-next{right:-12px} .highlights-intro-film .highlights-media-quote__pagination{position:static!important;width:100%;margin-top:13px;font-size:0} .highlights-intro-film .highlights-media-quote__pagination.swiper-pagination{border:0} .highlights-intro-film .highlights-media-quote__pagination li{display:inline-block;vertical-align:middle} .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet{position:relative;width:6px;height:6px;margin:0 5px;border-radius:0;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:transparent;opacity:1} .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet::after{content:'';display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-radius:50%;border-width:1px;border-style:solid;border-color:#7a7a7a} .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet-active::after{background-color:#7a7a7a} .highlights-intro-film .highlights-media-quote .js-swiper-initialized .highlights-media-quote__arrow,.highlights-intro-film .highlights-media-quote .js-swiper-initialized .highlights-media-quote__pagination{display:block} .highlights-intro-film .highlights-media-quote .is-layer-popup-opened .highlights-media-quote__arrow,.highlights-intro-film .highlights-media-quote .is-layer-popup-opened .highlights-media-quote__pagination{display:none!important} @media screen and (min-width:768px){ .highlights-intro-film{padding:80px 0} .highlights-intro-film .highlights-tvc__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .highlights-intro-film .highlights-tvc__item{width:50%;max-width:494px} .highlights-intro-film .highlights-tvc__item-title{font-size:20px} .highlights-intro-film .highlights-tvc__item-cta{min-height:50px} .highlights-intro-film .highlights-tvc__item-cta::after{width:30px;height:30px} .highlights-intro-film .highlights-tvc__item:nth-child(odd){border-right:2px solid rgba(77,77,77,.2)} .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta{padding-right:75px} .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta::after{right:31px} .highlights-intro-film .highlights-tvc__item:nth-child(even) .highlights-tvc__item-cta{padding:0 32px} .highlights-intro-film .highlights-media-quote{margin-top:61px} .highlights-intro-film .highlights-media-quote__item{width:316px} .highlights-intro-film .highlights-media-quote__item+.highlights-media-quote__item{margin-left:20px} .highlights-intro-film .highlights-media-quote__content{min-height:224px;padding:34px 47px;border-radius:20px} .highlights-intro-film .highlights-media-quote__eyebrow{font-size:14px;line-height:1.429} .highlights-intro-film .highlights-media-quote__text{margin-top:30px;font-size:16px;line-height:1.375} .highlights-intro-film .highlights-media-quote__topic{font-size:20px} .highlights-intro-film .highlights-media-quote__media{margin-top:29px;font-size:20px} .highlights-intro-film .highlights-media-quote__arrow{display:none} .highlights-intro-film .highlights-media-quote__arrow .highlights-media-quote__arrow-button::before{display:none!important} .highlights-intro-film .highlights-media-quote__arrow .swiper-button-prev{right:auto} .highlights-intro-film .highlights-media-quote__arrow .swiper-button-next{left:auto} .highlights-intro-film .highlights-media-quote__pagination{display:none!important} .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-intro-film{padding:60px 0} .highlights-intro-film .highlights-tvc__item{margin:9px 0} .highlights-intro-film .highlights-tvc__item-title{font-size:16px} .highlights-intro-film .highlights-tvc__item-cta{min-height:28px} .highlights-intro-film .highlights-tvc__item-cta::after{width:28px;height:28px} .highlights-intro-film .highlights-tvc__item:nth-child(odd) .highlights-tvc__item-cta::after{right:40px} .highlights-intro-film .highlights-tvc__item:nth-child(even) .highlights-tvc__item-cta{padding-left:40px} .highlights-intro-film .highlights-media-quote{margin-top:49px} .highlights-intro-film .highlights-media-quote__item{width:220px} .highlights-intro-film .highlights-media-quote__item+.highlights-media-quote__item{margin-left:14px} .highlights-intro-film .highlights-media-quote__content{min-height:192px;padding:22px 27px} .highlights-intro-film .highlights-media-quote__eyebrow{font-size:12px;line-height:1.27} .highlights-intro-film .highlights-media-quote__topic{font-size:16px} .highlights-intro-film .highlights-media-quote__text{margin-top:20px;font-size:14px;line-height:1.33} .highlights-intro-film .highlights-media-quote__media{margin-top:18px;font-size:16px;line-height:1.25} } .color_yb .highlights-intro-film .highlights-tvc__list{border-color:#000!important} .color_yb .highlights-intro-film .highlights-tvc__item{border-color:#000!important} .color_yb .highlights-intro-film .highlights-tvc__item-cta.is-bg-load-complete::after{background-color:#000!important;background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-yt-play-yellow.svg)} .color_yb .highlights-intro-film .highlights-media-quote__content{color:#fff01f} .color_yb .highlights-intro-film .highlights-media-quote__arrow-button{opacity:1;background-color:#000} .color_yb .highlights-intro-film .highlights-media-quote__arrow-button::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-arrow-next-yellow.svg)!important} .color_yb .highlights-intro-film .highlights-media-quote__pagination{background-color:#000} .color_yb .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet::after{border-color:#fff01f} .color_yb .highlights-intro-film .highlights-media-quote__pagination li .swiper-pagination-bullet-active::after{background-color:#fff01f} .highlights-form-factor{overflow:hidden;padding:100px 0 60px;text-align:center} .highlights-form-factor__video{position:relative;width:100%;margin-top:26px} @media screen and (max-width:767px){ .highlights-form-factor__video{max-height:400px} } .highlights-form-factor__video-inner{position:relative;height:100%;max-width:360px;margin:0 auto;border-radius:10px;overflow:hidden} @media screen and (max-width:767px){ .highlights-form-factor__video .common-video img{position:absolute;top:0;left:0} .highlights-form-factor__video .common-video::after{content:"";display:block;width:100%;padding-top:111.11111%} } .highlights-form-factor__video .common-video__video{-webkit-clip-path:inset(-1px -1px);clip-path:inset(-1px -1px)} .highlights-form-factor__description{margin-top:38px} @media screen and (max-width:767px){ .is-english .highlights-form-factor .common-headline{padding:0 30px} .highlights-form-factor__description{text-align:left} } @media screen and (min-width:768px){ .highlights-form-factor{padding:120px 0 80px} .highlights-form-factor__video{height:548px;margin-top:46px} .highlights-form-factor__video-inner{max-width:988px;border-radius:20px} .highlights-form-factor__description{margin-top:56px;padding:0 82px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-form-factor{padding:100px 0 60px} .highlights-form-factor__video{height:382px;margin-top:27px} .highlights-form-factor__video-inner{max-width:688px} .highlights-form-factor__description{margin-top:30px} } .highlights-design-display{overflow:hidden;padding:60px 0} @media screen and (max-width:767px){ .highlights-design-display__image-inner img{position:absolute;top:0;left:0} .highlights-design-display__image-inner::after{content:"";display:block;width:100%;padding-top:76.38889%} } .highlights-design-display__cta{margin-top:40px} @media screen and (max-width:767px){ .highlights-design-display__image{margin-top:34px;margin-left:-24px;margin-right:-24px} .highlights-design-display__image-inner{position:relative;max-width:360px} } @media screen and (min-width:768px){ .highlights-design-display{min-height:440px;padding:80px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .highlights-design-display__inner{position:relative} .highlights-design-display__image{position:absolute;z-index:-1;top:3px;right:-226px;width:814px;height:440px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-design-display{min-height:320px;padding:60px 0} .highlights-design-display__image{top:6px;right:-63px;width:398px;height:320px} } .highlights-design-spec-popup__content{margin-top:32px} .highlights-design-spec-popup__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 25px} .highlights-design-spec-popup__title span{display:block;width:50%;text-align:center} .highlights-design-spec-popup__table{padding:0 25px;margin-top:27px;font-size:14px;color:#000} .highlights-design-spec-popup__table-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:25px} .highlights-design-spec-popup__table-title{margin-bottom:10px;text-align:center} @media screen and (max-width:767px){ .highlights-design-spec-popup__table-title{display:block;width:100%} } .highlights-design-spec-popup__table-info{width:50%;text-align:center} .highlights-design-spec-popup__table-icon{display:block;width:37px;height:37px;margin:0 auto} .highlights-design-spec-popup__table-info:nth-child(2) .highlights-design-spec-popup__table-icon{padding:2px 1px} .highlights-design-spec-popup__table-data{display:block;margin-top:7px;font-size:16px} @media screen and (min-width:768px){ .highlights-design-spec-popup__content{width:690px;margin:56px auto 0} .highlights-design-spec-popup__title{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0;font-size:18px} .highlights-design-spec-popup__title span{width:33.3%} .highlights-design-spec-popup__table{padding:0} .highlights-design-spec-popup__table-row{margin-top:35px} .highlights-design-spec-popup__table-title{width:33.3%;padding:0 58px;margin-bottom:0;text-align:left;font-size:18px} .highlights-design-spec-popup__table-icon{width:60px;height:60px} .highlights-design-spec-popup__table-info:nth-child(2) .highlights-design-spec-popup__table-icon{padding:3px 3px} .highlights-design-spec-popup__table-info{width:33.3%} .highlights-design-spec-popup__table-data{margin-top:14px;font-size:22px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-design-spec-popup__content{width:446px;margin-top:40px} .highlights-design-spec-popup__title{font-size:14px} .highlights-design-spec-popup__table{font-size:14px;margin-top:-13px} .highlights-design-spec-popup__table-row{margin-top:29px} .highlights-design-spec-popup__table-title{padding:0 44px 6px 3px;font-size:14px} .highlights-design-spec-popup__table-icon{width:46px;height:46px} .highlights-design-spec-popup__table-info:nth-child(2) .highlights-design-spec-popup__table-icon{padding:2px 2px} .highlights-design-spec-popup__table-data{margin-top:15px;font-size:18px} } .highlights-color .common-disclaimer{margin-top:17px} .highlights-color .swiper-pagination-wrap{margin-top:0} .highlights-color__image{background-color:#f4f4f4;border-radius:10px;overflow:hidden} .highlights-color__image--back{position:relative} @media screen and (max-width:767px){ .highlights-color__image--back img{position:absolute;top:0;left:0} .highlights-color__image--back::after{content:"";display:block;width:100%;padding-top:58.42697%} } .highlights-color__image--side{position:relative} @media screen and (max-width:767px){ .highlights-color__image--side img{position:absolute;top:0;left:0} .highlights-color__image--side::after{content:"";display:block;width:100%;padding-top:23.59551%} } .highlights-color__image+.highlights-color__image{margin-top:15px} .highlights-color__content-wrap .common-accordion{margin-top:72px} .highlights-color__content-wrap .common-accordion__content-image{position:relative;margin-bottom:24px} @media screen and (max-width:767px){ .highlights-color__content-wrap .common-accordion__content-image img{position:absolute;top:0;left:0} .highlights-color__content-wrap .common-accordion__content-image::after{content:"";display:block;width:100%;padding-top:73.21429%} } .highlights-color__tab-panel img{width:100%;height:100%} .highlights-color__tab-panel-inner{position:relative;margin:0 -87px} @media screen and (max-width:767px){ .highlights-color__tab-panel-inner img{position:absolute;top:0;left:0} .highlights-color__tab-panel-inner::after{content:"";display:block;width:100%;padding-top:82.02247%} } @media screen and (max-width:767px){ .highlights-color__tab-panel-mask::after{content:'';display:block;height:100%;margin:0 24px;border-radius:10px;-webkit-box-shadow:0 0 0 100px #fff;box-shadow:0 0 0 100px #fff} } .highlights-color__tab-jade-green .highlights-color__tab-colorchip{background-color:#c1d0be} .highlights-color__tab-sapphire-blue .highlights-color__tab-colorchip{background-color:#a7b5c8} .highlights-color__tab-sandstone-orange .highlights-color__tab-colorchip{background-color:#c48a6c} .highlights-color__tab-cobalt-violet .highlights-color__tab-colorchip{background-color:#52566d} .highlights-color__tab-amber-yellow .highlights-color__tab-colorchip{background-color:#f1ead4} .highlights-color__tab-onyx-black .highlights-color__tab-colorchip{background-color:#4a4a4d} .highlights-color__tab-marble-gray .highlights-color__tab-colorchip{background-color:#c5c3c3} @media screen and (min-width:1024px){ .highlights-color .swiper-pagination-wrap{position:absolute;bottom:29px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1} } @media screen and (min-width:768px){ .highlights-color .common-disclaimer{margin-top:15px} .is-english .highlights-color .common-sub-headline{width:480px} .highlights-color__content-wrap .common-accordion{margin-top:75px;margin-left:auto} .highlights-color__content-wrap .common-accordion__content-image{margin-bottom:30px;width:350px;height:257px} .highlights-color__image{background-color:transparent;border-radius:20px} .highlights-color__image--side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .highlights-color__image--side img{height:auto} .highlights-color__image+.highlights-color__image{margin-top:0} .common-accordion--col-2{width:820px;margin-right:auto;padding-bottom:40px} .common-accordion--col-2 .common-accordion__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .common-accordion--col-2 .common-accordion__item{width:400px;padding:0;margin-top:0} .common-accordion--col-2 .common-accordion__title-arrow{right:22px} } @media screen and (min-width:768px) and (max-width:1023px){ .is-english .highlights-color .common-sub-headline{width:266px} .is-english .highlights-color .common-accordion__title-wrap{padding-right:72px} .highlights-color__content-wrap .common-accordion{margin-top:60px} .highlights-color__content-wrap .common-accordion__content-image{width:280px;height:204px} .common-accordion--col-2{width:644px;padding-bottom:40px} .common-accordion--col-2 .common-accordion__item{width:312px;padding:0;margin-top:0} .common-accordion--col-2 .common-accordion__title-wrap{padding-bottom:14px} .common-accordion--col-2 .common-accordion__title-arrow{right:20px} .common-accordion--col-2 .common-accordion__content-image{margin-bottom:21px} .common-accordion--col-2 .common-accordion__description{padding:0 3px} } .highlights-color{padding:60px 0;overflow:hidden} .highlights-color .common-cta-area{margin-top:40px} .highlights-color .js-colorchip-static .highlights-color__tab{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .highlights-color .js-colorchip-static .highlights-color__tab-item{width:auto;margin:0 7px} .highlights-color__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse} .highlights-color__content-wrap .common-inner:first-child{margin-bottom:38px} .highlights-color__content .swiper-container{max-width:260px} .highlights-color__content .swiper-slide{-ms-flex-negative:1;flex-shrink:1} .highlights-color__content .swiper-button-next,.highlights-color__content .swiper-button-prev{width:27px;height:44px;margin-top:-22px;background-color:transparent!important} .highlights-color__content .swiper-button-next::after,.highlights-color__content .swiper-button-prev::after{background-repeat:no-repeat;background-position:center center;background-size:10px auto;background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-arrow-next-black.svg)} .highlights-color__content .swiper-button-prev{left:0} .highlights-color__content .swiper-button-next{right:0} .highlights-color__carousel{max-width:768px;padding-bottom:60px;margin:0 auto;text-align:center} .highlights-color__carousel-content{position:relative} .highlights-color__carousel-slide{min-height:360px;border-radius:0;overflow:hidden;opacity:0;-webkit-transition-property:opacity!important;-o-transition-property:opacity!important;transition-property:opacity!important;-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .highlights-color__carousel-slide.swiper-slide-active{opacity:1} .highlights-color__carousel-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-49px;height:409px} .highlights-color__carousel-image img{width:768px} .highlights-color__carousel-exclusive{text-align:center;max-width:312px;width:100%;margin:0 auto;position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-color__carousel-exclusive-text{font-size:11px;line-height:1.36;padding:0 24px;color:#2189ff} @media screen and (max-width:767px){ .highlights-color__arrows{max-width:360px;width:100vw;margin:0 auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;z-index:1} } .highlights-color__arrows .swiper-button-next,.highlights-color__arrows .swiper-button-prev{margin-top:-46px} .highlights-color__tab-panel{position:absolute;left:0;top:0;width:100%} .highlights-color__tab-panel .highlights-color__image--back,.highlights-color__tab-panel .highlights-color__image--side{opacity:1;visibility:hidden} .highlights-color__tab-panel.is-active .highlights-color__image--back,.highlights-color__tab-panel.is-active .highlights-color__image--side{opacity:1;z-index:1;visibility:visible} .highlights-color__tab-panel.is-active .highlights-color__tab-exclusive-text{opacity:1;visibility:visible} .highlights-color__tab-panel-group{position:relative;max-width:360px;width:100%;margin:0 auto;padding:0;padding-bottom:15px} .highlights-color__tab-panel-mask{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100vw;height:100%;max-width:582px} .highlights-color__tab-area{z-index:2;margin:24px auto 0;max-width:360px;width:100%;padding:0 24px} .highlights-color__tab-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:89px;border-radius:10px;-webkit-box-shadow:0 5px 7px 0 rgba(0,0,0,.12);box-shadow:0 5px 7px 0 rgba(0,0,0,.12);background-color:#fcfcfc} .highlights-color__tab-colors{position:relative;margin-top:22px;padding:0 22px} .highlights-color__tab-item+.highlights-color__tab-item{margin:0 7px} @media screen and (max-width:359px){ .highlights-color__tab-item+.highlights-color__tab-item{margin:0 4px} } .highlights-color__tab-button{color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1px 0} .highlights-color__tab-colorchip{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:32px;height:32px;margin:4px;border-radius:50%} .highlights-color__tab-colorchip::after,.highlights-color__tab-colorchip::before{content:'';position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%} .highlights-color__tab-colorchip::before{display:block;top:0;left:0;right:0;bottom:0;border:1px solid #000;opacity:.1} .highlights-color__tab-colorchip::after{display:none;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #197ae5} .is-active .highlights-color__tab-colorchip::after{display:block} .highlights-color__tab-names{text-align:center;margin-bottom:10px;padding-top:5px} .highlights-color__tab-name{position:absolute;top:0;left:0;opacity:0;visibility:hidden;font-size:12px;line-height:1.67;min-height:14px} .highlights-color__tab-name.is-active{position:relative;opacity:1;visibility:visible} .highlights-color__tab-exclusive{max-width:360px;margin:0 auto;text-align:center;margin-top:140px} .highlights-color__tab-exclusive-text{font-size:11px;line-height:1.36;color:#2189ff;padding:0 24px;opacity:0;visibility:hidden} .highlights-color__exclusive{text-align:center} .highlights-color__exclusive-badge{position:absolute;right:36px;top:12px;z-index:1;max-width:94px;min-height:20px;padding:4px 9px 2px;border-radius:10px;background-color:#d9e8fa;border:1px solid #8fc4ff;font-size:10px;line-height:1.2;color:#000} .highlights-color__exclusive-badge--black{background-color:rgba(33,137,255,.24);border-color:rgba(33,137,255,.5);color:#fff} @media screen and (min-width:768px){ .highlights-color{padding:80px 0} .highlights-color__content{max-width:988px;margin:0 auto;position:relative} .highlights-color__content-wrap .common-inner:first-child{margin-bottom:55px} .highlights-color__content .swiper-container{max-width:340px} .highlights-color__content .swiper-button-next,.highlights-color__content .swiper-button-prev{margin-top:-21px} .highlights-color__content .swiper-button-prev{left:4px} .highlights-color__content .swiper-button-next{right:4px} .highlights-color__carousel{max-width:100%;margin-top:-53px;padding-bottom:50px} .highlights-color__carousel-image{margin-top:-53px;height:780px;overflow:hidden} .highlights-color__carousel-image img{width:1920px} .highlights-color__carousel-exclusive{max-width:unset;bottom:72px} .highlights-color__carousel-exclusive-text{font-size:14px;line-height:1.285} .highlights-color__arrows{max-width:956px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1} .highlights-color__tab-panel{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .highlights-color__tab-panel-group{min-height:500px;height:auto;max-width:100%!important;padding-bottom:0} .highlights-color__tab-panel-inner{margin:0!important} .highlights-color__tab-panel-mask{max-width:484px!important} .highlights-color__tab-area{margin-top:0;max-width:100%} .highlights-color__tab-inner{max-width:450px;margin:0 auto;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;border-radius:0} .highlights-color__tab-colors{padding:0;margin-top:40px} .highlights-color__tab-colorchip{width:28px;height:28px} .highlights-color__tab-names{margin-bottom:0;padding-top:10px} .highlights-color__tab-name{font-size:16px;line-height:1.1875;min-height:auto} .highlights-color__tab-exclusive{position:absolute;bottom:-148px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:0;max-width:unset;width:100%} .highlights-color__tab-exclusive-text{font-size:14px;line-height:1.285} .highlights-color__exclusive-badge{top:20px;min-width:130px;padding:4px 12px;font-size:14px;line-height:1.285;border-radius:14px;min-height:28px;right:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-color__content{max-width:688px;margin:0 auto} .highlights-color__content .swiper-button-next,.highlights-color__content .swiper-button-prev{margin-top:-23px} .highlights-color__content .swiper-button-prev{left:2px} .highlights-color__content .swiper-button-next{right:2px} .highlights-color__carousel{padding-bottom:60px} .highlights-color__carousel-image{height:550px} .highlights-color__carousel-image img{width:1024px} .highlights-color__carousel-exclusive{bottom:35px} .highlights-color__carousel-exclusive-text{font-size:11px;line-height:1.36} .highlights-color__arrows{max-width:688px} .highlights-color__tab-panel-group{min-height:auto;height:344px} .highlights-color__tab-panel-mask{max-width:334px!important} .highlights-color__tab-panel .highlights-color__image--back,.highlights-color__tab-panel .highlights-color__image--side{width:334px} .highlights-color__tab-exclusive{bottom:-117px} .highlights-color__tab-exclusive-text{font-size:11px;line-height:1.36} .highlights-color__tab-names{margin-bottom:23px;padding-top:9px} .highlights-color__tab-name{font-size:12px} .highlights-color__tab-colors{margin-top:25px} .highlights-color__exclusive-badge{top:12px;min-width:114px;padding:4px 8px 2px;font-size:13px;line-height:1.15;border-radius:10px;min-height:22px;right:12px} } .color_yb .highlights-color__tab-colorchip::before{opacity:1} .color_yb .highlights-color__content .swiper-button-next::after,.color_yb .highlights-color__content .swiper-button-prev::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-arrow-next-yellow.svg)!important;background-color:#000;-webkit-filter:none;filter:none} .highlights-camera-ai{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:50vh} .highlights-camera-ai__bg{position:absolute;top:50%;width:100%;height:80vh;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:-1} .highlights-camera-ai__gradient{position:absolute;left:0;top:0;width:100%;height:100%} .highlights-camera-ai__gradient-white{position:absolute;left:0;width:100%;height:380px;background-size:1px 100%;background-repeat:repeat;z-index:1} .highlights-camera-ai__gradient-white.is-bg-load-complete{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-camera-ai-bg.png)} .highlights-camera-ai__gradient-white--top{top:-10px} .highlights-camera-ai__gradient-white--bottom{bottom:-2px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .highlights-camera-ai__gradient--blue{opacity:0;background:-o-linear-gradient(315deg,#62a2df 30%,transparent 100%);background:linear-gradient(135deg,#62a2df 30%,transparent 100%)} .highlights-camera-ai__gradient--blue.is-active{opacity:1;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s} .highlights-camera-ai__gradient--green{opacity:0;background:-o-linear-gradient(318deg,transparent 0,#47d4a5 100%);background:linear-gradient(132deg,transparent 0,#47d4a5 100%)} .highlights-camera-ai__gradient--green.is-active{opacity:1;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s} .highlights-camera-ai__inner{position:relative;z-index:1} .highlights-camera-ai__fixed-track{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center} .highlights-camera-ai__fixed-item{width:100%;color:#fff} @media screen and (min-width:768px){ .highlights-camera-ai{height:600px} .highlights-camera-ai__bg{height:1000px} .highlights-camera-ai__fixed-item{width:100%} .highlights-camera-ai__gradient-white{height:400px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-camera-ai__gradient--blue.is-active{-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s} .highlights-camera-ai__gradient--green.is-active{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s} } .highlights-resolution{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:60px 0} .highlights-resolution__text{margin-top:38px} .highlights-resolution__image{overflow:hidden} @media screen and (max-width:767px){ .highlights-resolution{margin:0 auto} .highlights-resolution__content{max-width:440px;margin-top:27px;margin-left:auto;margin-right:auto} .highlights-resolution__image{min-height:222px;border-radius:10px} .highlights-resolution .common-hashtag{width:100%;max-width:360px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px} .is-english .highlights-resolution .common-headline{margin:0 -17px} } @media screen and (min-width:768px){ .highlights-resolution{padding:120px 0 80px} .highlights-resolution__title{text-align:center} .is-english .highlights-resolution__title{padding:0 50px} .highlights-resolution__text{margin-top:67px} .highlights-resolution__content{max-width:988px;margin:48px auto 0} .highlights-resolution__image{max-width:none;width:988px;height:686px;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-resolution{padding:100px 0 60px} .highlights-resolution__text{margin-top:46px} .highlights-resolution__content{max-width:688px;margin-top:26px} .highlights-resolution__image{width:688px;height:478px} } .highlights-resolution-popup .common-popup__inner{overflow:hidden} .highlights-resolution-popup .common-popup__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse;flex-flow:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center} @media screen and (max-width:767px){ .highlights-resolution-popup .common-popup__close--bottom{margin-top:50px} } .highlights-resolution-popup__visual{position:relative;min-height:432px;margin:160px 0 20px} .highlights-resolution-popup__visual-inner{position:absolute;top:0;left:50%;width:534px;height:432px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-resolution-popup__spec{position:relative;top:-170px;left:-16px;z-index:1} .highlights-resolution-popup__spec-title{position:relative;display:block;font-size:24px;line-height:1} .highlights-resolution-popup__spec-desc{display:block;min-width:100px;margin-top:8px;font-size:14px;line-height:1.357} .highlights-resolution-popup__spec-line{display:block;position:absolute} .highlights-resolution-popup__spec-line::after{content:'';position:absolute;width:100%;border-style:solid;border-width:0;border-color:#bbb;border-right-width:1px;z-index:10} .highlights-resolution-popup__spec-item{position:absolute} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1){left:63px;bottom:-93px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1) .highlights-resolution-popup__spec-line::after{top:4px;left:2px;height:197px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2){left:108px;bottom:-199px} .is-english .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2) .highlights-resolution-popup__spec-desc{width:145px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2) .highlights-resolution-popup__spec-line::after{top:2px;left:2px;height:118px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3){left:153px;bottom:-284px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3) .highlights-resolution-popup__spec-line::after{top:3px;left:2px;height:62px} .highlights-resolution-popup__spec--front{left:17px;text-align:right} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item{top:559px;right:82px} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item .highlights-resolution-popup__spec-line{width:100%} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item .highlights-resolution-popup__spec-line::after{right:4px;bottom:61px;height:62px} @media screen and (max-width:359px){ .highlights-resolution-popup__detail{width:328px} } @media screen and (min-width:768px){ .highlights-resolution-popup__visual{position:relative;min-height:414px;margin:83px 0 131px} .highlights-resolution-popup__visual-inner{position:absolute;top:50px;left:50%;width:820px;height:414px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-resolution-popup__spec{top:-27px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-resolution-popup__spec{left:312px} } @media screen and (min-width:768px){ .highlights-resolution-popup__spec-title{font-size:26px} .highlights-resolution-popup__spec-desc{margin-top:5px;font-size:16px;line-height:1.375} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1){left:101px;bottom:-60px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1) .highlights-resolution-popup__spec-line:after{top:4px;left:3px;height:183px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2){left:134px;bottom:-147px;max-width:50%} .is-english .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2) .highlights-resolution-popup__spec-desc{width:auto} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2) .highlights-resolution-popup__spec-line:after{top:4px;left:3px;height:115px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3){left:166px;bottom:-234px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3) .highlights-resolution-popup__spec-line:after{top:4px;left:3px;height:48px} .highlights-resolution-popup__spec--front{left:auto;right:314px} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item{top:443px;right:101px} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item .highlights-resolution-popup__spec-line:after{right:6px;bottom:59px;height:51px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-resolution-popup__visual{min-height:327px;margin:94px 0 20px} .highlights-resolution-popup__visual-inner{width:510px;height:256px} .highlights-resolution-popup__spec{top:-90px;left:164px} .highlights-resolution-popup__spec-title{font-size:24px} .highlights-resolution-popup__spec-desc{margin-top:6px;font-size:14px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1){left:129px;bottom:-79px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(1) .highlights-resolution-popup__spec-line::after{top:23px;left:2px;height:137px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2){left:150px;bottom:-156px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(2) .highlights-resolution-popup__spec-line:after{top:3px;left:1px;height:93px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3){left:169px;bottom:-233px} .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3) .highlights-resolution-popup__spec-line::after{top:3px;left:2px;height:29px} .highlights-resolution-popup__spec--front{left:auto;right:161px} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item{top:370px;right:134px} .highlights-resolution-popup__spec--front .highlights-resolution-popup__spec-item .highlights-resolution-popup__spec-line::after{right:3px;bottom:57px;height:35px} } .color_yb .highlights-resolution-popup__spec-line:after{width:1px;border:2px solid #000!important;background-color:#fff01f!important} .highlights-nightography{overflow:hidden;padding:60px 0} .highlights-nightography__inner{margin:0 auto} @media screen and (max-width:767px){ .highlights-nightography__inner{width:100%;max-width:360px;padding-right:24px;padding-left:24px} } .highlights-nightography__carousel-wrap{width:100%;max-width:360px;margin:0 auto;margin-top:28px} .highlights-nightography__carousel{position:relative} .highlights-nightography__carousel-inner{position:relative;margin:0 auto} .highlights-nightography__carousel .swiper-container{overflow:visible} .highlights-nightography__carousel .swiper-slide{position:relative} .highlights-nightography__carousel .swiper-button-next{margin-right:-24px} .highlights-nightography__carousel .swiper-button-prev{margin-left:-24px} .highlights-nightography__carousel-image{overflow:hidden;position:relative;height:100%;border-radius:10px} @media screen and (max-width:767px){ .highlights-nightography__carousel-image img{position:absolute;top:0;left:0} .highlights-nightography__carousel-image::after{content:"";display:block;width:100%;padding-top:133.33333%} } .highlights-nightography__info{margin-top:30px} @media screen and (min-width:768px){ .highlights-nightography{min-height:624px;padding:80px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .highlights-nightography__inner{position:relative;width:988px} .highlights-nightography__carousel-wrap{overflow:hidden;position:absolute;right:0;top:0;max-width:none;width:510px;margin-top:0;padding:0 55px} .highlights-nightography__carousel .swiper-container{height:534px} .highlights-nightography__carousel .swiper-button-next{margin-right:-64px} .highlights-nightography__carousel .swiper-button-prev{margin-left:-64px} .highlights-nightography__carousel .swiper-pagination-wrap{margin-top:25px} .highlights-nightography__carousel-image{border-radius:20px} .highlights-nightography__info{margin-top:22px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-nightography{min-height:403px;padding:60px 0} .highlights-nightography__inner{width:688px} .highlights-nightography__carousel-wrap{width:354px} .highlights-nightography__carousel .swiper-container{height:322px} .highlights-nightography__carousel .swiper-pagination-wrap{margin-top:14px} .highlights-nightography__carousel .common-hashtag{margin-right:-60px} .highlights-nightography__info{margin-top:16px} } .highlights-optical-zoom{padding:60px 0;overflow:hidden} .highlights-optical-zoom__zoom{position:relative} .highlights-optical-zoom__zoom-wrap{margin-top:28px} .highlights-optical-zoom__zoom-image{overflow:hidden;position:relative;z-index:1;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;border-radius:10px} @media screen and (max-width:767px){ .highlights-optical-zoom__zoom-image img{position:absolute;top:0;left:0} .highlights-optical-zoom__zoom-image::after{content:"";display:block;width:100%;padding-top:130.44872%} } .highlights-optical-zoom__zoom-image-inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%} .highlights-optical-zoom__zoom-image-inner img{position:absolute;z-index:1;opacity:0;max-width:100%} .highlights-optical-zoom__zoom-image-inner img.is-active{z-index:10;opacity:1;-webkit-transition:opacity .2s ease-in .3s;-o-transition:opacity .2s ease-in .3s;transition:opacity .2s ease-in .3s} .highlights-optical-zoom__zoom-image-inner img.is-zoom{opacity:1;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:-webkit-transform .5s ease-in-out 0s;transition:-webkit-transform .5s ease-in-out 0s;-o-transition:transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s, -webkit-transform .5s ease-in-out 0s} .highlights-optical-zoom__zoom-image-inner img.is-zoom-out-ready{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)} .highlights-optical-zoom__zoom-image-inner img.is-zoom-out-ready.is-active{z-index:20;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:opacity .5s linear 0s,-webkit-transform .5s ease-in-out;transition:opacity .5s linear 0s,-webkit-transform .5s ease-in-out;-o-transition:opacity .5s linear 0s,transform .5s ease-in-out;transition:opacity .5s linear 0s,transform .5s ease-in-out;transition:opacity .5s linear 0s,transform .5s ease-in-out,-webkit-transform .5s ease-in-out} .highlights-optical-zoom__zoom-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:100%;height:100%;color:#fff;-webkit-transition:.1s ease background-color,.1s ease color;-o-transition:.1s ease background-color,.1s ease color;transition:.1s ease background-color,.1s ease color;border-radius:50%} .highlights-optical-zoom__zoom-button-item{position:relative;width:30px;height:30px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-1-mo.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-1-mo.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-2-mo.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-2-mo.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-3-mo.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-3-mo.png)} .highlights-optical-zoom__zoom-button-item.is-active .highlights-optical-zoom__zoom-button{background-color:rgba(0,0,0,.42);-webkit-transition:.1s ease background-color,.1s ease color;-o-transition:.1s ease background-color,.1s ease color;transition:.1s ease background-color,.1s ease color} .highlights-optical-zoom__zoom-button-list{position:absolute;padding:2px;bottom:24px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:98px;border-radius:50px;background-color:rgba(79,79,79,.4);z-index:2} .highlights-optical-zoom__zoom-button-text{display:block;width:100%;height:100%;border-radius:50px;overflow:hidden;font-size:0;background-size:100%;background-repeat:no-repeat;background-position:center} .highlights-optical-zoom__zoom-tooltip{position:absolute;max-width:200px;bottom:21px;left:50%;opacity:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;z-index:3} .highlights-optical-zoom__zoom-tooltip-text{position:relative;max-width:200px;min-width:80px;padding:0 10px;margin:0 auto 9px;border-radius:15px;font-size:12px;line-height:24px;text-align:center;color:#fff;background-color:#2a85ed;-webkit-box-shadow:0 5px 7px 0 rgba(0,0,0,.17)!important;box-shadow:0 5px 7px 0 rgba(0,0,0,.17)!important} .highlights-optical-zoom__zoom-tooltip-text::before{position:absolute;left:34px;content:'';clear:both;bottom:-12px;border-top:10px solid #2a85ed;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid transparent} .highlights-optical-zoom__zoom-tooltip::after{content:'';display:block;clear:both;width:40px;height:40px;margin:0 auto;border-radius:50%;border:1px solid #2a85ed;background:rgba(42,133,237,.3);-webkit-box-sizing:border-box;box-sizing:border-box} @media screen and (max-width:767px){ .highlights-optical-zoom .common-sub-headline{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0} .highlights-optical-zoom .common-textbox__column{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-top:31px} } @media screen and (min-width:768px){ .highlights-optical-zoom{padding:80px 0} .highlights-optical-zoom__inner{position:relative;width:988px;min-height:584px} .highlights-optical-zoom .common-textbox-wrap--column{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse} } @media screen and (min-width:768px) and (min-width:1024px){ .is-english .highlights-optical-zoom .common-textbox-wrap--column{padding-right:80px} } @media screen and (min-width:768px){ .highlights-optical-zoom .common-textbox__column{margin-top:20px} .highlights-optical-zoom__zoom-wrap{position:absolute;top:0;left:0;margin-top:0} .highlights-optical-zoom__zoom-image{width:420px;height:546px;border-radius:20px} .highlights-optical-zoom__zoom-tooltip{max-width:200px;bottom:19px} .highlights-optical-zoom__zoom-tooltip-text{min-width:123px;padding:2px 8px;margin-bottom:16px;border-radius:16px;font-size:16px} .highlights-optical-zoom__zoom-tooltip-text::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-bottom:5px solid transparent} .highlights-optical-zoom__zoom-tooltip::after{width:51px;height:51px;margin:0 auto 2px} .highlights-optical-zoom__zoom-button-list{bottom:24px;min-width:128px} .highlights-optical-zoom__zoom-button-item{width:40px;height:40px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-1.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-1.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-2.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-2.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-3.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-3.png)} .highlights-optical-zoom .common-hashtag{width:420px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-optical-zoom{padding:60px 0} .highlights-optical-zoom__inner{width:688px;min-height:466px} .highlights-optical-zoom .common-textbox__column{margin-top:16px} .highlights-optical-zoom__zoom-wrap{top:0} .highlights-optical-zoom__zoom-image{width:334px;height:432px} .highlights-optical-zoom__zoom-button-list{padding:3px 3px;bottom:24px;min-width:126px} .highlights-optical-zoom__zoom-button-item{width:38px;height:38px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-1-tb.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-1-tb.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-2-tb.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-2-tb.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-3-tb.png)} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-text{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-active-3-tb.png)} .highlights-optical-zoom__zoom-tooltip{bottom:20px} .highlights-optical-zoom__zoom-tooltip::after{width:50px;height:50px} .highlights-optical-zoom__zoom-tooltip-text{min-width:114px;padding:2px 10px;margin-left:0;margin-bottom:15px;font-size:16px} .highlights-optical-zoom__zoom-tooltip::after{margin:0 auto 1px} .highlights-optical-zoom .common-hashtag{width:334px} } .color_yb .highlights-optical-zoom__zoom-button-list{background-color:#000!important} .color_yb .highlights-optical-zoom__zoom-button-item.is-active .highlights-optical-zoom__zoom-button{background-color:#fff01f!important} .color_yb .highlights-optical-zoom__zoom-button-item.is-active .highlights-optical-zoom__zoom-button-text{-webkit-filter:invert(100);filter:invert(100)} .color_yb .highlights-optical-zoom__zoom-tooltip-text{background-color:#000!important;color:#fff01f!important} .color_yb .highlights-optical-zoom__zoom-tooltip-text::before{border-top:8px solid #000!important} .highlights-space-zoom{padding:60px 0;overflow:hidden} @media screen and (max-width:767px){ .highlights-space-zoom__title{width:100%;margin:0 auto;max-width:360px;padding-right:24px;padding-left:24px} } .highlights-space-zoom__video{position:relative;margin-top:28px} @media screen and (max-width:767px){ .highlights-space-zoom__video{height:317px} } .highlights-space-zoom__video-inner{overflow:hidden;position:relative;height:100%;max-width:534px;margin:0 auto;border-radius:10px} .highlights-space-zoom__video .common-video__figure{position:absolute;top:0;left:50%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} @media screen and (max-width:767px){ .highlights-space-zoom__video .common-video__figure{width:534px} } @media screen and (max-width:767px){ .highlights-space-zoom .common-hashtag{width:100%;max-width:360px;padding-right:24px;padding-left:24px;margin-left:auto;margin-right:auto} } @media screen and (max-width:767px){ .highlights-space-zoom__text{width:100%;margin:0 auto;max-width:360px;padding-right:24px;padding-left:24px} } @media screen and (max-width:767px){ .highlights-space-zoom__text{margin-top:70px} } @media screen and (min-width:768px){ .highlights-space-zoom{width:988px;padding:80px 0;margin:0 auto} .highlights-space-zoom__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .is-english .highlights-space-zoom__title{width:430px} .highlights-space-zoom__video{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;margin-top:45px} .highlights-space-zoom__video-inner{height:614px;max-width:none;border-radius:20px} .is-english .highlights-space-zoom__text{width:483px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-space-zoom{width:688px;padding:60px 0} .is-english .highlights-space-zoom__title{width:250px} .highlights-space-zoom__video{margin-top:31px} .highlights-space-zoom__video-inner{height:428px} .is-english .highlights-space-zoom__text{width:338px} } .highlights-super-hdr{padding:60px 0} .highlights-super-hdr__video{margin:25px 47px 0} .highlights-super-hdr__video .common-video{position:relative} @media screen and (max-width:767px){ .highlights-super-hdr__video .common-video img{position:absolute;top:0;left:0} .highlights-super-hdr__video .common-video::after{content:"";display:block;width:100%;padding-top:207.79817%} } .highlights-super-hdr__video .common-video__control{opacity:1!important} .highlights-super-hdr__video .common-hashtag{margin-left:-47px;margin-right:-47px} .highlights-super-hdr__text{margin-top:32px} @media screen and (min-width:768px){ .highlights-super-hdr{min-height:654px;padding:80px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .highlights-super-hdr__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-super-hdr__inner{padding-right:82px} } @media screen and (min-width:768px){ .is-english .highlights-super-hdr__text,.is-english .highlights-super-hdr__title{width:400px} .highlights-super-hdr__text{margin-top:24px} .highlights-super-hdr__video{position:absolute;top:0;right:77px;width:298px;margin:0} .highlights-super-hdr__video-inner{width:298px;height:616px} .highlights-super-hdr__video .common-hashtag{margin-left:0;margin-right:0;width:auto} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-super-hdr{min-height:447px;padding:60px 0} .is-english .highlights-super-hdr__text,.is-english .highlights-super-hdr__title{width:266px} .highlights-super-hdr__text{margin-top:17px} .highlights-super-hdr__video{right:-2px;width:260px} .highlights-super-hdr__video-inner{width:196px;height:408px} } .highlights-one-ui{padding:60px 0} .highlights-one-ui__headline{font-size:36px;line-height:1.2;text-align:center} .is-english .highlights-one-ui__headline{max-width:265px;margin:0 auto} .highlights-one-ui__content{margin-top:42px} @media screen and (max-width:767px){ .highlights-one-ui__content-box+.highlights-one-ui__content-box{margin-top:34px} } .highlights-one-ui__title{font-size:30px;line-height:1.33} .highlights-one-ui__description{margin-top:17px;font-size:14px;line-height:1.35} .highlights-one-ui__visual{position:relative} @media screen and (max-width:767px){ .highlights-one-ui__visual img{position:absolute;top:0;left:0} .highlights-one-ui__visual::after{content:"";display:block;width:100%;padding-top:88.05556%} } @media screen and (max-width:767px){ .highlights-one-ui__visual{margin:34px -24px 0} } .highlights-one-ui__visual .common-video__figure{position:relative} @media screen and (max-width:767px){ .highlights-one-ui__visual .common-video__figure img{position:absolute;top:0;left:0} .highlights-one-ui__visual .common-video__figure::after{content:"";display:block;width:100%;padding-top:88.05556%} } @media screen and (max-width:767px){ .highlights-one-ui__visual .common-video{position:absolute;top:0;left:0;width:100%} } @media screen and (min-width:768px){ .highlights-one-ui{padding:80px 0} .highlights-one-ui__headline{font-size:38px} .is-english .highlights-one-ui__headline{max-width:570px} .highlights-one-ui__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:48px} .highlights-one-ui__content-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:484px} .highlights-one-ui__text{margin-top:31px} .highlights-one-ui__title{font-size:22px;line-height:1.318} .highlights-one-ui__description{margin-top:13px} .highlights-one-ui__visual{height:330px;overflow:hidden;position:relative;z-index:1;border-radius:20px} .highlights-one-ui .is-bg-load-complete .common-play-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-play-black.svg)} .highlights-one-ui .is-bg-load-complete .common-play-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-pause-black.svg)} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-one-ui{padding:60px 0} .highlights-one-ui__headline{line-height:1.3;font-size:30px} .is-english .highlights-one-ui__headline{max-width:450px} .highlights-one-ui__content{margin-top:32px} .highlights-one-ui__content-box{width:332px} .highlights-one-ui__text{margin-top:24px} .highlights-one-ui__title{font-size:18px;line-height:1.318} .highlights-one-ui__description{margin-top:10px;font-size:12px} .highlights-one-ui__visual{height:240px} } .highlights-generative-edit{padding:60px 0} .highlights-generative-edit__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .highlights-generative-edit .highlights-common-youtube__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .highlights-generative-edit__video{margin:39px auto} @media screen and (max-width:767px){ .highlights-generative-edit__video .common-video{position:relative;width:calc(202 * 100% / 312);max-height:420px;margin:0 auto} .highlights-generative-edit__video .common-video::after{content:"";display:block;width:100%;padding-top:calc(420 * 100% / 202)} } .highlights-generative-edit__video .common-video__control{opacity:1!important} .highlights-generative-edit__tutorial-cta{margin-top:40px} @media screen and (min-width:768px){ .highlights-generative-edit{padding:80px 0} .highlights-generative-edit__text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .highlights-generative-edit__content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} .highlights-generative-edit__content{width:50%} .highlights-generative-edit__content:first-child{padding-right:5px} .highlights-generative-edit__content:last-child{padding-left:5px} .is-english .highlights-generative-edit__content .common-description{width:460px} .highlights-generative-edit__video{width:264px;height:548px;margin:60px auto 38px} .highlights-generative-edit__cta-wrap{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:503px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-generative-edit{padding:60px 0} .is-english .highlights-generative-edit__content .common-description{width:334px} .highlights-generative-edit__video{width:216px;height:448px;margin:41px auto 30px;border-radius:10px} .highlights-generative-edit__cta-wrap{padding-left:353px} } @media screen and (max-width:767px){ .highlights-generative-edit-tutorial .common-tutorial__pagination{background-color:#fff!important} } .highlights-generative-edit-tutorial__main-video-cta-area{position:absolute;z-index:3;bottom:7.92507%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;pointer-events:none;-webkit-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s} .highlights-generative-edit-tutorial__main-video-cta-area.is-visible{opacity:1;pointer-events:auto} .highlights-generative-edit-tutorial__main-video-cta{min-height:36px;padding-left:43px;padding-right:22px;border:none;background-image:-o-linear-gradient(315deg,#387aff 0,#2cb288 100%);background-image:linear-gradient(135deg,#387aff 0,#2cb288 100%)} .highlights-generative-edit-tutorial__main-video-cta:disabled{pointer-events:none} .highlights-generative-edit-tutorial__main-video-cta:disabled .highlights-generative-edit-tutorial__main-video-cta-text{opacity:.6} .highlights-generative-edit-tutorial__main-video-cta-text{color:#fff} .highlights-generative-edit-tutorial__main-video-cta-text::before{content:'';position:absolute;top:50%;left:-23px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:18px;background-repeat:no-repeat;background-size:100%} .highlights-generative-edit-tutorial__main-video-cta-text--generative::before{height:18px} .highlights-generative-edit-tutorial__main-video-cta-text--done{display:none} .highlights-generative-edit-tutorial__main-video-cta-text--done::before{height:11px} .highlights-generative-edit-tutorial__main-video-cta.is-bg-load-complete .highlights-generative-edit-tutorial__main-video-cta-text--generative::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-star_1.svg)} .highlights-generative-edit-tutorial__main-video-cta.is-bg-load-complete .highlights-generative-edit-tutorial__main-video-cta-text--done::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-done.svg)} .highlights-generative-edit-tutorial__main-video-cta.is-tutorial-end .highlights-generative-edit-tutorial__main-video-cta-text--generative{display:none} .highlights-generative-edit-tutorial__main-video-cta.is-tutorial-end .highlights-generative-edit-tutorial__main-video-cta-text--done{display:block;opacity:1} .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip{width:13.125%} .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip button::after{content:"";display:block;width:100%;padding-top:100%} .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip-cta{display:block;width:100%} .highlights-generative-edit-tutorial .common-tutorial__video .common-tutorial__tooltip-text{-webkit-transform:translate(-50%,calc(-100% - 15px));-ms-transform:translate(-50%,calc(-100% - 15px));transform:translate(-50%,calc(-100% - 15px))} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip{bottom:5.90778%;left:24.375%} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip{bottom:18.15562%;left:4.375%} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text{-webkit-transform:translate(-28%,calc(-100% - 15px));-ms-transform:translate(-28%,calc(-100% - 15px));transform:translate(-28%,calc(-100% - 15px))} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text::after{left:29px} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(5) .common-tutorial__alert,.highlights-generative-edit-tutorial .common-tutorial__video:nth-child(6) .common-tutorial__alert{bottom:24.20749%;width:230px} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(7) .common-tutorial__tooltip{width:0;height:36px;bottom:7.92507%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-generative-edit-tutorial .common-tutorial__video:nth-child(7) .common-tutorial__tooltip-cta{pointer-events:none} @media screen and (min-width:768px){ .highlights-generative-edit-tutorial__main-video-cta{padding-left:42px;padding-right:29px} .highlights-generative-edit-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-pause-black.svg)} .highlights-generative-edit-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-play-black.svg)} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-generative-edit-tutorial__main-video-cta{min-height:32px;font-size:12px} } .color_yb .highlights-generative-edit-tutorial__main-video-cta{background-image:none!important;border:2px solid #fff01f!important} .color_yb .highlights-generative-edit-tutorial .common-tutorial__alert,.color_yb .highlights-generative-edit-tutorial .common-tutorial__tooltip-text{background-color:#fff!important;color:#000!important} .color_yb .highlights-generative-edit-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta{border:2px solid #fff01f!important;-webkit-box-shadow:0 0 0 2px #000,0 0 0 4px #fff01f;box-shadow:0 0 0 2px #000,0 0 0 4px #fff01f} .color_yb .highlights-generative-edit-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(7) .common-tutorial__tooltip-cta{background-color:transparent!important;border:none!important;-webkit-box-shadow:none;box-shadow:none} .highlights-slow-mo{padding:60px 0} .highlights-slow-mo__inner-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .highlights-slow-mo__inner{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} @media screen and (max-width:767px){ .highlights-slow-mo .common-inner.common-display-mo{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0} .highlights-slow-mo .common-textbox__column{margin-top:30px} } .highlights-slow-mo__video-wrap{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:30px 34px 0;padding-bottom:0} @media screen and (max-width:767px){ .highlights-slow-mo__video .common-video img{position:absolute;top:0;left:0} .highlights-slow-mo__video .common-video::after{content:"";display:block;width:100%;padding-top:139.09465%} } @media screen and (max-width:767px){ .highlights-slow-mo__video .common-video__control{margin:12px 12px 0 22px} } @media screen and (max-width:767px){ .is-english .highlights-slow-mo .common-sub-headline{padding-right:10px} } @media screen and (min-width:768px){ .highlights-slow-mo{padding:80px 0} .highlights-slow-mo__inner{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0} .highlights-slow-mo__video{width:820px;height:400px} .highlights-slow-mo__video-wrap{margin:57px auto 0;padding-bottom:50px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-slow-mo__video .common-video__control{bottom:-50px;margin:0 0 0 -50px} } @media screen and (min-width:768px) and (min-width:1024px){ .is-english .highlights-slow-mo .common-sub-headline{padding-right:50px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-slow-mo{padding:60px 0} .highlights-slow-mo__video{width:582px;height:284px} .highlights-slow-mo__video-wrap{margin:40px auto 0;padding-bottom:44px} .highlights-slow-mo__video .common-video__control{bottom:-44px;margin:0 0 0 -44px} } @media screen and (max-width:767px){ .highlights-slow-mo__video-wrap{margin:30px 39px 0} } @media screen and (max-width:767px) and (max-width:767px){ .highlights-slow-mo__video .common-video img{position:absolute;top:0;left:0} .highlights-slow-mo__video .common-video::after{content:"";display:block;width:100%;padding-top:144.01709%} } @media screen and (max-width:767px){ .highlights-slow-mo__video .common-video__control{margin:12px 12px 0 28px} } @media screen and (min-width:1024px){ .highlights-slow-mo__video{width:800px;height:384px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-slow-mo__video{width:568px;height:274px} } .highlights-circle-to-search{padding:60px 0} .highlights-circle-to-search__content{position:relative;width:100%;margin:0 auto} @media screen and (max-width:767px){ .highlights-circle-to-search__content{margin-top:28px} .highlights-circle-to-search__content-video{position:relative;margin:0 auto} .highlights-circle-to-search__content .common-video{width:calc(219 * 100% / 360);max-width:219px;margin:auto} .highlights-circle-to-search__content .common-video::after{content:'';display:block;width:100%;padding-top:calc(454 * 100% / 219)} } .highlights-circle-to-search__title{text-align:center} .is-english .highlights-circle-to-search__title .common-sub-headline{padding:0 20px} .highlights-circle-to-search__text{margin-top:30px} .highlights-circle-to-search__logo{width:calc(140 * 100% / 312);margin-top:25px;position:relative} @media screen and (max-width:767px){ .highlights-circle-to-search__logo img{position:absolute;top:0;left:0} .highlights-circle-to-search__logo::after{content:"";display:block;width:100%;padding-top:22.85714%} } @media screen and (min-width:768px){ .highlights-circle-to-search{padding:80px 0} .highlights-circle-to-search__content{width:988px;margin-top:46px} .highlights-circle-to-search__content-video{width:340px;height:704px;margin:0 auto} .highlights-circle-to-search__title{max-width:820px;margin:0 auto} .is-english .highlights-circle-to-search__title .common-sub-headline{padding:0 240px} .highlights-circle-to-search__text{max-width:824px;margin:56px auto 0;text-align:center} .highlights-circle-to-search__logo{width:226px;height:51px;margin-left:auto;margin-right:auto;margin-top:53px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-circle-to-search{padding:60px 0} .highlights-circle-to-search__content{width:688px;margin-top:30px} .highlights-circle-to-search__content-video{width:248px;height:516px} .is-english .highlights-circle-to-search__title .common-sub-headline{padding:0 220px} .highlights-circle-to-search__text{max-width:515px;margin:38px auto 0} .highlights-circle-to-search__logo{width:158px;height:36px;margin-top:34px} } .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip{width:13.125%} .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip button::after{content:"";display:block;width:100%;padding-top:100%} .highlights-circle-to-search-tutorial .common-tutorial__video .common-tutorial__tooltip-cta{display:block;width:100%} .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip{bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip{top:12.9683%;left:23.75%;width:48.4375%} .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip button::after{content:"";display:block;width:100%;padding-top:100%} .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip-text{display:none} .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__alert{top:37.89625%;width:200px} @media screen and (min-width:768px){ .highlights-circle-to-search-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::after{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-pause-black.svg)} .highlights-circle-to-search-tutorial .common-tutorial__main-video .is-bg-load-complete.common-video__black .common-play-button::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-video-play-black.svg)} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-circle-to-search-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__alert{width:180px} } .color_yb .highlights-circle-to-search-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(2) .common-tutorial__tooltip-cta{border:2px solid #fff01f!important;-webkit-box-shadow:0 0 0 2px #000,0 0 0 4px #fff01f;box-shadow:0 0 0 2px #000,0 0 0 4px #fff01f} .highlights-live-translate{padding:60px 0} .is-english .highlights-live-translate .common-sub-headline .common-text{width:265px} .highlights-live-translate__content{position:relative;margin-top:34px} .highlights-live-translate__content-video{overflow:hidden;width:100%;height:100%;border-radius:10px} @media screen and (max-width:767px){ .highlights-live-translate__content-video .common-video img{position:absolute;top:0;left:0} .highlights-live-translate__content-video .common-video::after{content:"";display:block;width:100%;padding-top:141.02564%} } .highlights-live-translate__cta,.highlights-live-translate__tutorial-cta{margin-top:40px} @media screen and (min-width:768px){ .highlights-live-translate{padding:80px 0;min-height:537px;-webkit-box-sizing:content-box;box-sizing:content-box} .highlights-live-translate__wrap{position:relative} .highlights-live-translate__content{position:absolute;top:0;left:0;width:370px;height:536px;margin:0} .highlights-live-translate__content-video{border-radius:20px} .highlights-live-translate__text{margin-left:auto} .highlights-live-translate .highlights-common-youtube__list,.highlights-live-translate__cta,.highlights-live-translate__tutorial-cta{width:400px;margin-left:auto} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-live-translate{padding:60px 0;min-height:375px} .highlights-live-translate__content{width:266px;height:374px} .highlights-live-translate .highlights-common-youtube__list,.highlights-live-translate__cta,.highlights-live-translate__tutorial-cta{width:266px} } .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip{top:51%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:140px;padding:0;border:2px solid transparent;background-image:-o-linear-gradient(#314f78,#314f78),-o-linear-gradient(315deg,#7dfafd 0,#cebaf3 100%);background-image:linear-gradient(#314f78,#314f78),linear-gradient(135deg,#7dfafd 0,#cebaf3 100%);background-origin:border-box;background-clip:content-box,border-box} .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta::before{content:'';display:block;-ms-flex-negative:0;flex-shrink:0;width:24px;height:15px;margin-right:-10px;background-repeat:no-repeat;background-position:center;background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-star_1.svg)} .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-star.svg)} .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text{padding:10px;color:#fff} .highlights-live-translate-tutorial .common-tutorial__intro-video .common-video__control{display:none} .highlights-live-translate-tutorial .common-tutorial__intro-info-cta{left:38px} @media screen and (max-width:767px){ .highlights-live-translate-tutorial .common-tutorial__main-video-wrap{background-color:#fff!important} } .highlights-live-translate-tutorial .common-tutorial__main-video::after,.highlights-live-translate-tutorial .common-tutorial__main-video::before{display:none!important} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video{top:0} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video:nth-child(1) .common-tutorial__tooltip{top:89.33718%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:140px} .highlights-live-translate-tutorial .common-tutorial__main-video .common-video__figure{overflow:visible;border-radius:0} .highlights-live-translate-tutorial .common-tutorial__main-video .common-play-button{margin-bottom:10px} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:0;border:3px solid transparent;background-image:-o-linear-gradient(#fff,#fff),-o-linear-gradient(315deg,#387aff 0,#2cb288 100%);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#387aff 0,#2cb288 100%);background-origin:border-box;background-clip:content-box,border-box} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta::before{content:'';display:block;width:25px;height:25px;background-repeat:no-repeat;background-position:center} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-tutorial-live-translate.svg)} @media screen and (min-width:768px) and (min-width:1024px){ .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip{top:346px} } @media screen and (min-width:768px){ .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta{min-width:170px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text{font-size:16px} } @media screen and (min-width:768px){ .highlights-live-translate-tutorial .common-tutorial__intro-info-cta{left:51px} .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video{top:0;width:310px;height:672px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__video{width:260px;height:564px} } .color_yb .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta{background-image:none!important} .color_yb .highlights-live-translate-tutorial .common-tutorial__intro-video .common-tutorial__tooltip-cta-text{color:#fff01f!important} .color_yb .highlights-live-translate-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta{background-image:none!important;background-color:#fff!important;border-color:#000!important} .highlights-live-translate-popup .highlights-common-youtube__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .highlights-live-translate-popup__content-video{margin-top:34px} @media screen and (max-width:767px){ .highlights-live-translate-popup .highlights-common-youtube__item{min-height:76px} .highlights-live-translate-popup .highlights-common-youtube__item-title{width:calc(100% - 114px);padding-left:16px} .highlights-live-translate-popup .highlights-common-youtube__item-thumbnail{width:114px;height:76px} .highlights-live-translate-popup .common-video{width:calc(202 * 100% / 296);margin:0 auto} .highlights-live-translate-popup .common-video::after{content:'';display:block;width:100%;padding-top:calc(420 * 100% / 202)} } @media screen and (min-width:768px){ .highlights-live-translate-popup__content-video{position:absolute;top:6px;right:117px;width:250px;height:518px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-live-translate-popup .common-popup__close--bottom{margin-top:48px} } @media screen and (min-width:768px){ .highlights-live-translate-popup .common-popup__content{position:relative;min-height:518px} .highlights-live-translate-popup .common-popup__content-area{padding-bottom:39px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-live-translate-popup .highlights-common-youtube__item-cta{padding-right:8px} .is-english .highlights-live-translate-popup__text{width:270px} .highlights-live-translate-popup__content-video{top:4px;right:93px;width:186px;height:386px} .highlights-live-translate-popup .common-popup__content{min-height:386px} .highlights-live-translate-popup .common-popup__content-area{padding-bottom:10px} } .highlights-interpreter{padding:60px 0;overflow:hidden} .highlights-interpreter .highlights-common-youtube__list{margin-top:34px} .highlights-interpreter .highlights-common-youtube__item-title span{display:block} .highlights-interpreter__content{position:relative;margin-top:34px} .highlights-interpreter__content-video{width:100%;height:100%;border-radius:10px;overflow:hidden} @media screen and (max-width:767px){ .highlights-interpreter__content-video .common-video img{position:absolute;top:0;left:0} .highlights-interpreter__content-video .common-video::after{content:"";display:block;width:100%;padding-top:133.33333%} } .highlights-interpreter__content-emoji.is-bg-load-complete::after{background-image:url(//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-emoji-1.png)} .highlights-interpreter__content-emoji.is-bg-load-complete::before{background-image:url(//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-emoji-2.png)} .highlights-interpreter__content-emoji::after,.highlights-interpreter__content-emoji::before{content:'';position:absolute;background-position:center center;background-size:100%;background-repeat:no-repeat} .highlights-interpreter__content-emoji::after{top:10.5%;left:-5%;width:calc(32 * 100% / 312);height:calc(60 * 100% / 416)} .highlights-interpreter__content-emoji::before{bottom:18.5%;right:-4.6%;width:calc(34 * 100% / 312);height:calc(34 * 100% / 416)} @media screen and (min-width:768px){ .highlights-interpreter{padding:80px 0;min-height:480px;-webkit-box-sizing:content-box;box-sizing:content-box} .highlights-interpreter .highlights-common-youtube__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:42px} .highlights-interpreter__wrap{position:relative} .highlights-interpreter__content{position:absolute;top:0;right:15px;width:360px;height:480px;margin:0} .highlights-interpreter__content-video{border-radius:20px} .highlights-interpreter__content-emoji::after{top:49px;left:-18px;width:44px;height:84px} .highlights-interpreter__content-emoji::before{bottom:88px;right:-18px;width:48px;height:49px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-interpreter{padding:60px 0;min-height:340px} .highlights-interpreter .highlights-common-youtube__list{margin-top:26px} .highlights-interpreter__content{width:256px;height:340px} .highlights-interpreter__content-emoji::after{top:35px;left:-13px;width:32px;height:60px} .highlights-interpreter__content-emoji::before{bottom:60px;right:-13px;width:35px;height:36px} } .highlights-aod{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:60px 0;width:100%;overflow:hidden} .highlights-aod .common-inner{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .is-english .highlights-aod .common-sub-headline{padding-right:50px} .highlights-aod__content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative} .highlights-aod__content .swiper-pagination-wrap{margin-top:24px} .highlights-aod__content-slide.swiper-slide{width:57%;margin:0 17px;overflow:hidden} @media screen and (max-width:359px){ .highlights-aod__content-slide.swiper-slide{border-radius:14px} } .highlights-aod__content-image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%} .highlights-aod__content-video .common-video{position:static} .highlights-aod__content-video .common-video__figure{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-aod__content-navigation{position:absolute;left:50%;top:45%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;margin:auto;z-index:1} .highlights-aod__content-navigation .swiper-button-next,.highlights-aod__content-navigation .swiper-button-prev{margin-top:-10px} .highlights-aod__device{position:absolute;left:50%;top:-8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:61.7%} @media screen and (max-width:359px){ .highlights-aod__device{top:-6px} } .highlights-aod__device--bg{background-color:#000} .highlights-aod__device--frame{z-index:2;pointer-events:none} @media screen and (max-width:767px){ .highlights-aod__content{margin-top:42px} .highlights-aod__content-slide.swiper-slide{max-width:204px;height:auto!important;-webkit-transform:scale(.94)!important;-ms-transform:scale(.94)!important;transform:scale(.94)!important;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;border-radius:16px} .highlights-aod__content-slide.swiper-slide::after{content:'';display:block;width:100%;padding-top:216.18%!important} .highlights-aod__content-slide.swiper-slide.swiper-slide-active,.highlights-aod__content-slide.swiper-slide.swiper-slide-duplicate-active{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important} .highlights-aod__content-image{left:0;top:0;width:100%;-webkit-transform:none;-ms-transform:none;transform:none} .highlights-aod__content-navigation{max-width:360px} .highlights-aod__device{max-width:221px;max-height:457px} .highlights-aod__device::after{content:'';display:block;width:100%;padding-top:208.46%} .highlights-aod__device--bg{max-width:216px;border-radius:26px;width:61%} .highlights-aod__device img{position:absolute;left:0;top:0} } .highlights-aod .swiper-wrapper{z-index:2} .safari .highlights-aod .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} @media screen and (min-width:768px){ .highlights-aod{position:relative;width:988px;min-height:821px;padding:80px 0;margin:auto} .highlights-aod .common-inner{margin-right:0;direction:rtl} .highlights-aod .common-description,.highlights-aod .common-sub-headline{direction:ltr} .is-english .highlights-aod .common-sub-headline{padding-right:20px} .highlights-aod__content{position:absolute;left:119px;top:89px} .highlights-aod__content .swiper-pagination-wrap{margin-top:33px} .highlights-aod__content-container{width:274px;margin-top:3px} .highlights-aod__content-slide.swiper-slide{width:274px;height:592px;margin:0 24px;border-radius:20px} .highlights-aod__content-navigation{top:44.5%;width:530px} .highlights-aod__content-navigation .swiper-button-next,.highlights-aod__content-navigation .swiper-button-prev{margin-top:-24px} .highlights-aod__content-navigation .swiper-button-prev{margin-left:2px} .highlights-aod__content-image{width:274px;height:592px} .highlights-aod__device{top:-7px;width:296px;height:612px} .highlights-aod__device--bg{width:294px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-aod{width:688px;min-height:463px;padding:60px 0;-webkit-box-sizing:content-box;box-sizing:content-box} .is-english .highlights-aod .common-sub-headline{padding-right:0} .highlights-aod__content{top:70px;left:72px} .highlights-aod__content .swiper-pagination-wrap{margin-top:24px} .highlights-aod__content-container{width:189px;margin-top:-2px} .highlights-aod__content-slide.swiper-slide{width:188px;height:406px} .highlights-aod__content-image{width:189px;height:406px} .highlights-aod__content-navigation{top:39%;width:355px} .highlights-aod__content-navigation .swiper-button-next,.highlights-aod__content-navigation .swiper-button-prev{margin-top:4px} .highlights-aod__device{top:-8px;width:204px;height:420px} .highlights-aod__device--bg{width:200px;height:418px;margin-top:1px} } .highlights-chat-assist{padding:60px 0} .highlights-chat-assist .highlights-common-youtube__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:40px} @media screen and (max-width:767px){ .highlights-chat-assist__content{margin-top:27px} } .highlights-chat-assist__content-image{overflow:hidden;position:relative;border-radius:10px} @media screen and (max-width:767px){ .highlights-chat-assist__content-image img{position:absolute;top:0;left:0} .highlights-chat-assist__content-image::after{content:"";display:block;width:100%;padding-top:172.75641%} } .highlights-chat-assist__tutorial-cta{margin-top:32px} @media screen and (min-width:768px){ .highlights-chat-assist{padding:80px 0} .highlights-chat-assist .highlights-common-youtube__list{margin-top:50px} .highlights-chat-assist__inner{position:relative;min-height:638px} .highlights-chat-assist__content{position:absolute;top:0;right:0} .highlights-chat-assist__content-image{width:370px;height:638px;border-radius:20px} .highlights-chat-assist__tutorial-cta{margin-top:34px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-chat-assist{padding:60px 0} .highlights-chat-assist .highlights-common-youtube__list{margin-top:32px} .highlights-chat-assist__inner{min-height:459px} .highlights-chat-assist__content-image{width:266px;height:459px} .highlights-chat-assist__tutorial-cta{margin-top:18px} } .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip{width:13.125%} .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip button::after{content:"";display:block;width:100%;padding-top:100%} .highlights-chat-assist-tutorial .common-tutorial__video .common-tutorial__tooltip-cta{display:block;width:100%} .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(1) .common-tutorial__tooltip{top:46.54179%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(2) .common-tutorial__tooltip{top:11.67147%;right:24.0625%} .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(3) .common-tutorial__tooltip{top:11.67147%;right:25.3125%} .highlights-chat-assist-tutorial .common-tutorial__video:nth-child(4) .common-tutorial__tooltip{top:23.34294%;right:20.9375%} @media screen and (max-width:767px){ .highlights-chat-assist-tutorial .common-tutorial__intro-info-cta{left:-7px} } .color_yb .highlights-chat-assist-tutorial .common-tutorial__main-video .common-tutorial__tooltip-cta{border:2px solid #000!important;-webkit-box-shadow:0 0 0 2px #fff01f,0 0 0 4px #000;box-shadow:0 0 0 2px #fff01f,0 0 0 4px #000} .highlights-gaming{overflow:hidden;padding:100px 0 60px} .highlights-gaming .common-textbox-wrap--column{margin-top:29px} .highlights-gaming .common-headline{text-align:center} .highlights-gaming__video{max-width:440px;margin:0 auto} @media screen and (max-width:767px){ .highlights-gaming__video .common-video img{position:absolute;top:0;left:0} .highlights-gaming__video .common-video::after{content:"";display:block;width:100%;padding-top:60.89744%} } .highlights-gaming__video .common-video__figure{position:absolute;top:0;left:50%;width:100%;height:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} @media screen and (max-width:767px){ .highlights-gaming__video .common-video .common-play-button{right:0;margin-right:0;margin-bottom:0} } .highlights-gaming__video-inner{position:relative;margin-top:30px} @media screen and (max-width:767px){ .highlights-gaming__video-inner{padding:0 24px} } .highlights-gaming__video-inner sup{position:absolute;top:0} @media screen and (max-width:767px){ .highlights-gaming__video-inner sup{right:16px} } .highlights-gaming__image{max-width:440px;margin:0 auto} @media screen and (max-width:767px){ .highlights-gaming__image{padding:0 24px} } .highlights-gaming__image-inner{position:relative;margin-top:22px} @media screen and (max-width:767px){ .highlights-gaming__image-inner img{position:absolute;top:0;left:0} .highlights-gaming__image-inner::after{content:"";display:block;width:100%;padding-top:60.89744%} } @media screen and (max-width:767px){ .highlights-gaming__info{margin-top:22px} } .highlights-gaming__info+.highlights-gaming__info{margin-top:21px} .highlights-gaming__info-category{font-size:22px} .highlights-gaming__info-wrap{margin-top:18px} .highlights-gaming__info-inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .highlights-gaming__info-over,.highlights-gaming__info-unit,.highlights-gaming__info-value{line-height:1} .highlights-gaming__info-over,.highlights-gaming__info-unit{padding-bottom:9px;font-size:28px} .highlights-gaming__info-over{background:-o-linear-gradient(315deg,#2275ff 0,#3889e4 100%);background:linear-gradient(135deg,#2275ff 0,#3889e4 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .highlights-gaming__info-value{margin:0 7px;padding-bottom:6px;font-size:44px;background:-o-linear-gradient(315deg,#3889e4 0,#3ab0b2 100%);background:linear-gradient(135deg,#3889e4 0,#3ab0b2 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .highlights-gaming__info-unit{background:-o-linear-gradient(315deg,#3ab0b2 0,#23c492 100%);background:linear-gradient(135deg,#3ab0b2 0,#23c492 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .highlights-gaming__info-unit sup{-webkit-text-fill-color:#313131} @media screen and (min-width:768px){ .highlights-gaming{padding:120px 0 80px} .highlights-gaming .common-textbox-wrap--column{margin-top:56px} .is-english .highlights-gaming .common-headline{padding:0 100px} } @media screen and (min-width:768px) and (min-width:1024px){ .is-english .highlights-gaming .common-description{width:430px} } @media screen and (min-width:768px){ .highlights-gaming__video{height:100%;max-width:988px} .highlights-gaming__video .common-video__figure{width:988px} .highlights-gaming__video .common-video__control{bottom:6px;right:0} .highlights-gaming__video-inner{height:576px;margin-top:49px} .highlights-gaming__video-inner sup{left:100%} .highlights-gaming__image{max-width:988px} .highlights-gaming__image-inner{height:576px;margin-top:49px} .highlights-gaming__info{width:400px;margin-left:auto} .highlights-gaming__info-wrap{margin-top:23px} .highlights-gaming__info-value{font-size:56px;margin:0 9px} .highlights-gaming__info-over,.highlights-gaming__info-unit{padding-bottom:13px;font-size:38px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-gaming{padding:100px 0 60px} .highlights-gaming .common-textbox-wrap--column{margin-top:38px} .is-english .highlights-gaming .common-headline{padding:0 70px} .highlights-gaming__info{width:266px} .highlights-gaming__info-wrap{margin-top:19px} .highlights-gaming__info-value{font-size:44px} .highlights-gaming__info-over,.highlights-gaming__info-unit{font-size:28px} .highlights-gaming__video{max-width:688px} .highlights-gaming__video-inner{height:410px;margin-top:30px} .highlights-gaming__video .common-video__figure{width:688px} .highlights-gaming__video .common-video__control{bottom:-4px} .highlights-gaming__image{max-width:688px} .highlights-gaming__image-inner{height:410px;margin-top:30px} .highlights-gaming__info{width:270px;margin-top:-4px} .highlights-gaming__info-wrap{margin-top:20px} .highlights-gaming__info-inner{padding-bottom:5px} .highlights-gaming__info-value{font-size:44px} .highlights-gaming__info-over,.highlights-gaming__info-unit{font-size:28px} } .color_yb .highlights-gaming__info-category,.color_yb .highlights-gaming__video sup>a{padding:0 2px} .color_yb .highlights-gaming__info-over,.color_yb .highlights-gaming__info-unit,.color_yb .highlights-gaming__info-unit sup,.color_yb .highlights-gaming__info-value{background:#000!important;-webkit-text-fill-color:#fff01f!important} .highlights-display{padding:60px 0} .highlights-display__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse} .highlights-display__logo{position:relative;max-width:80px;margin-top:28px} @media screen and (max-width:767px){ .highlights-display__logo img{position:absolute;top:0;left:0} .highlights-display__logo::after{content:"";display:block;width:100%;padding-top:123.75%} } .highlights-display__content{overflow:hidden;position:relative;margin-bottom:37px;border-radius:10px} @media screen and (max-width:767px){ .highlights-display__content img{position:absolute;top:0;left:0} .highlights-display__content::after{content:"";display:block;width:100%;padding-top:51.92308%} } @media screen and (min-width:768px){ .highlights-display{padding:80px 0} .highlights-display__logo{max-width:114px;height:142px;margin-top:32px} .highlights-display__content{height:520px;margin-bottom:57px;border-radius:20px} .highlights-display .common-sub-headline{padding-right:2px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-display{padding:60px 0} .highlights-display__logo{max-width:80px;height:99px;margin-top:30px} .highlights-display__content{height:363px;margin-bottom:36px} } .highlights-battery{padding:60px 0} .highlights-battery__info{margin-top:22px} .highlights-battery__info+.highlights-battery__info{margin-top:20px} .highlights-battery__info-category{font-size:22px} .highlights-battery__info-wrap{margin-top:20px} .highlights-battery__info-inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .highlights-battery__info-value{font-size:44px;line-height:1;background:-o-linear-gradient(315deg,#2275ff 0,#399bcf 100%);background:linear-gradient(135deg,#2275ff 0,#399bcf 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .highlights-battery__info-unit{font-size:28px;background:-o-linear-gradient(315deg,#399bcf 0,#23c492 100%);background:linear-gradient(135deg,#399bcf 0,#23c492 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .highlights-battery__info-product{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-top:5px;font-size:16px} @media screen and (min-width:768px){ .highlights-battery{padding:80px 0} .highlights-battery__info{margin-top:53px} .highlights-battery__info+.highlights-battery__info{margin-top:20px} .highlights-battery__info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .highlights-battery__info-category{width:100%;font-size:24px} .highlights-battery__info-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:15px} .highlights-battery__info-wrap:nth-child(odd){margin-left:22px} .highlights-battery__info-value{font-size:56px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-battery__info-value{padding-right:16px} } @media screen and (min-width:768px){ .highlights-battery__info-unit{font-size:38px;line-height:1.15} .highlights-battery__info-product{margin-top:7px;font-size:18px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-battery{padding:60px 0} .highlights-battery__info{margin-top:25px} .highlights-battery__info+.highlights-battery__info{margin-top:21px} .highlights-battery__info-category{font-size:22px} .highlights-battery__info-wrap{margin-top:18px} .highlights-battery__info-wrap:nth-child(odd){margin-left:20px} .highlights-battery__info-value{font-size:44px} .highlights-battery__info-unit{font-size:28px;line-height:1.3} .highlights-battery__info-product{margin-top:6px;font-size:16px} } .color_yb .highlights-battery__info-unit,.color_yb .highlights-battery__info-value{background:#000!important;-webkit-text-fill-color:#fff01f!important} .highlights-switching{padding:60px 0} .highlights-switching__contents{margin-top:26px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .highlights-switching__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:312px;border-radius:10px;background-color:#1f1f26;overflow:hidden} .highlights-switching__card-text{padding:28px 24px 0} .highlights-switching__card-title{font-size:16px;line-height:1.3125} .highlights-switching__card-description{margin-top:9px;font-size:12px;line-height:1.33} .highlights-switching__card-description sup{font-size:63%;top:.7em;vertical-align:top} .highlights-switching__card-description--pc{display:none} .highlights-switching__card-cta{margin-top:8px} .highlights-switching__card-cta .common-cta-underline{padding-left:0} .highlights-switching__card-img{position:relative;width:100%} @media screen and (max-width:767px){ .highlights-switching__card-img img{position:absolute;top:0;left:0} .highlights-switching__card-img::after{content:"";display:block;width:100%;padding-top:41.66667%} } .highlights-switching__card-img-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .highlights-switching__card--smart-switch{background-color:#f2f9ff} .highlights-switching__card--smart-switch .highlights-switching__card-title{color:#7598c9} .highlights-switching__card--to-galaxy{background-color:#eff2f3} .highlights-switching__card--to-galaxy .highlights-switching__card-title{color:#8b959f} @media screen and (max-width:767px){ .highlights-switching__card--to-galaxy .highlights-switching__card-img img{position:absolute;top:0;left:0} .highlights-switching__card--to-galaxy .highlights-switching__card-img::after{content:"";display:block;width:100%;padding-top:49.35897%} } .highlights-switching__card--connect{background-color:#ecf7f9} .highlights-switching__card--connect .highlights-switching__card-title{color:#6f9da4} .highlights-switching__card--quick-share{background-color:#f3f3ff} .highlights-switching__card--quick-share .highlights-switching__card-title{color:#8d89cd} .highlights-switching__card--try-galaxy{background-color:#fffbed} .highlights-switching__card--try-galaxy .highlights-switching__card-title{color:#c99f75} @media screen and (max-width:767px){ .highlights-switching__card--try-galaxy .highlights-switching__card-img img{position:absolute;top:0;left:0} .highlights-switching__card--try-galaxy .highlights-switching__card-img::after{content:"";display:block;width:100%;padding-top:49.35897%} } @media screen and (max-width:767px){ .highlights-switching__card{max-width:312px} .highlights-switching__card+.highlights-switching__card{margin-top:8px} } @media screen and (min-width:768px){ .highlights-switching{padding:80px 0} .highlights-switching__contents{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:46px} .highlights-switching__card{min-height:458px;border-radius:20px} .highlights-switching__card-img{width:100%!important} .highlights-switching__card-text{padding:29px 26px 29px 24px;padding-bottom:0} .highlights-switching__contents--3column .highlights-switching__card-text{padding:29px 33px} .highlights-switching__card-title{font-size:22px;line-height:1.318} .highlights-switching__card-description{margin-top:12px;font-size:14px;line-height:1.357} .highlights-switching__card-cta{margin-top:12px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-switching__card{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:180px} .highlights-switching__contents--3column .highlights-switching__card{max-width:none} .highlights-switching__card+.highlights-switching__card{margin:0 0 0 20px} .highlights-switching__card-description--mo{display:none} .highlights-switching__card-description--pc{display:block} .highlights-switching__card-img-area{margin-top:-8px;min-height:172px} .is-english .highlights-switching__card--smart-switch .highlights-switching__card-cta{padding-right:12px} .is-english .highlights-switching__card--try-galaxy .highlights-switching__card-cta{padding-right:10px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-switching{padding:60px 0} .highlights-switching__contents{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:29px} .highlights-switching__card{width:334px;min-height:263px} .highlights-switching__card-text{max-width:334px;padding:27px 23px 0} .highlights-switching__card-title{font-size:16px} .highlights-switching__card-description{margin-top:6px;font-size:12px} .highlights-switching__card-cta{margin-top:7px} .highlights-switching__card-img{width:216px!important;height:132px} .highlights-switching__card-img-area{margin-top:-2px} .highlights-switching__card+.highlights-switching__card{margin-top:20px} .highlights-switching__card:nth-child(2){margin-top:0!important} .highlights-switching__card--try-galaxy{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%!important;min-height:182px!important;margin:auto} .highlights-switching__contents--3column .highlights-switching__card--try-galaxy{margin-top:20px!important} .highlights-switching__card--try-galaxy .highlights-switching__card-text{padding:20px 24px} .highlights-switching__card--try-galaxy .highlights-switching__card-img{height:182px} .highlights-switching__card--try-galaxy .highlights-switching__card-img-area{width:182px} .highlights-switching__contents--3column .highlights-switching__card{width:216px;min-height:341px;margin-top:0} } .highlights-quick-share{padding:60px 0} @media screen and (max-width:767px){ .highlights-quick-share__content{margin-top:35px} } .highlights-quick-share__image{overflow:hidden;position:relative;border-radius:10px} @media screen and (max-width:767px){ .highlights-quick-share__image img{position:absolute;top:0;left:0} .highlights-quick-share__image::after{content:"";display:block;width:100%;padding-top:64.10256%} } @media screen and (min-width:768px){ .highlights-quick-share{padding:80px 0} .highlights-quick-share__image{width:484px;height:310px;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-quick-share{padding:60px 0} .highlights-quick-share__image{width:334px;height:214px} } .highlights-privacy{padding:60px 0} @media screen and (max-width:767px){ .highlights-privacy__content{margin-top:35px} } .highlights-privacy__image{overflow:hidden;position:relative;border-radius:10px} @media screen and (max-width:767px){ .highlights-privacy__image img{position:absolute;top:0;left:0} .highlights-privacy__image::after{content:"";display:block;width:100%;padding-top:64.10256%} } @media screen and (min-width:768px){ .highlights-privacy{padding:80px 0} .highlights-privacy__image{width:484px;height:310px;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-privacy{padding:60px 0} .highlights-privacy__image{width:334px;height:214px} } .highlights-privacy__video{width:100%;height:100%;border-radius:10px;overflow:hidden} @media screen and (max-width:767px){ .highlights-privacy__video .common-video img{position:absolute;top:0;left:0} .highlights-privacy__video .common-video::after{content:"";display:block;width:100%;padding-top:64.10256%} } @media screen and (min-width:768px){ .highlights-privacy .common-textbox--vertical{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .highlights-privacy__video{width:484px;height:310px;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-privacy__video{width:334px;height:214px} } .highlights-sustainability{padding:60px 0} @media screen and (max-width:767px){ .highlights-sustainability__content{margin-top:35px} } .highlights-sustainability__image{overflow:hidden;position:relative;border-radius:10px} @media screen and (max-width:767px){ .highlights-sustainability__image img{position:absolute;top:0;left:0} .highlights-sustainability__image::after{content:"";display:block;width:100%;padding-top:64.10256%} } @media screen and (min-width:768px){ .highlights-sustainability{padding:80px 0} .highlights-sustainability__image{width:484px;height:310px;border-radius:20px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-sustainability{padding:60px 0} .highlights-sustainability__image{width:334px;height:214px} } .highlights-galaxy-offers{overflow:hidden;padding:60px 0} .highlights-galaxy-offers__card{position:relative} .highlights-galaxy-offers__card-container.swiper-container{overflow:visible} @media screen and (max-width:767px){ .highlights-galaxy-offers__card-container.swiper-container{margin:0 -5px} .highlights-galaxy-offers__card-container.swiper-container .swiper-button-next,.highlights-galaxy-offers__card-container.swiper-container .swiper-button-prev{margin-top:5px} .highlights-galaxy-offers__card-container.swiper-container .swiper-button-next{right:14px} .highlights-galaxy-offers__card-container.swiper-container .swiper-button-prev{left:14px} } .highlights-galaxy-offers__card-item{height:auto!important} @media screen and (max-width:767px){ .highlights-galaxy-offers__card-item{padding:0 5px} } .highlights-galaxy-offers__card-item-inner{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;min-height:466px;-ms-flex-line-pack:justify;align-content:space-between;background-color:#f4f4f4;border-radius:10px} .highlights-galaxy-offers__card-text{padding:26px} .highlights-galaxy-offers__card-img{position:relative;width:100%} @media screen and (max-width:767px){ .highlights-galaxy-offers__card-img img{position:absolute;top:0;left:0} .highlights-galaxy-offers__card-img::after{content:"";display:block;width:100%;padding-top:105.12821%} } .highlights-galaxy-offers__card-title{color:inherit;font-size:18px;line-height:1.22} .highlights-galaxy-offers__card-desc{margin-top:10px;font-size:12px;line-height:1.33;color:inherit} .highlights-galaxy-offers__card-desc sup{font-size:63%;top:.7em;vertical-align:top} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__arrows{display:none} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item{padding:0} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item--trade-in{display:none} .highlights-galaxy-offers__arrows{position:absolute;top:50%;left:0;right:0;margin:-24px} @media screen and (min-width:768px){ .highlights-galaxy-offers{padding:80px 0} .highlights-galaxy-offers__card-list.swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .highlights-galaxy-offers__card-item{display:inline-block} .highlights-galaxy-offers__card-item.swiper-slide{width:483px} .highlights-galaxy-offers__card-item-inner{min-height:370px;border-radius:20px;min-height:280px} .highlights-galaxy-offers__card-text{width:440px;padding:33px 0 13px 38px} .highlights-galaxy-offers__card-title{font-size:22px;line-height:1.22} .highlights-galaxy-offers__card-desc{margin-top:14px;font-size:14px;line-height:1.33} .highlights-galaxy-offers__card-img{width:483px;height:244px} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-list{-ms-flex-wrap:wrap;flex-wrap:wrap} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item{width:100%} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text{padding:0} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text-wrap{padding:0 40px} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img{width:483px;height:370px} .highlights-galaxy-offers__arrows{display:none} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-galaxy-offers{padding:60px 0} .highlights-galaxy-offers__card-item.swiper-slide{width:332px} .highlights-galaxy-offers__card-text{max-width:332px;padding:26px 28px 13px} .highlights-galaxy-offers__card-title{font-size:18px} .highlights-galaxy-offers__card-desc{margin-top:9px;font-size:12px} .highlights-galaxy-offers__card-img{width:332px;height:180px} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-text-wrap{padding:0 25px} .highlights-galaxy-offers__card--only .highlights-galaxy-offers__card-img{width:332px;height:280px} } .highlights-accessories{padding:60px 0;color:#000} .highlights-accessories__inner{z-index:1;position:relative;overflow:hidden;border-radius:10px;background-color:#f4f4f4} .highlights-accessories__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch} .highlights-accessories__textbox{z-index:1;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:37px 30px 4px} .highlights-accessories__headline{max-width:250px;font-size:24px;line-height:1.25} .highlights-accessories .common-cta-area{margin-top:22px} .highlights-accessories__visual{position:relative} @media screen and (max-width:767px){ .highlights-accessories__visual img{position:absolute;top:0;left:0} .highlights-accessories__visual::after{content:"";display:block;width:100%;padding-top:95.19231%} } .highlights-accessories__visual img{top:auto;bottom:0} .highlights-accessories--text-only .highlights-accessories__visual{display:none} .highlights-accessories--text-only .highlights-accessories__textbox{padding-bottom:40px} .highlights-accessories--text-only .highlights-accessories__headline{max-width:none!important;width:100%!important} @media screen and (min-width:768px){ .highlights-accessories{padding:80px 0;color:#000} .highlights-accessories__inner{border-radius:20px;background-color:#f4f4f4} .highlights-accessories__content{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .highlights-accessories__textbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 0 0 67px} } @media screen and (min-width:768px) and (min-width:1024px){ .highlights-accessories__headline{max-width:330px;font-size:38px;line-height:1.21} .is-english .highlights-accessories__headline{width:300px} } @media screen and (min-width:768px){ .highlights-accessories__visual{width:580px;height:416px} .highlights-accessories__visual img{position:absolute;width:auto;height:100%;right:0} .highlights-accessories--text-only .highlights-accessories__content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .highlights-accessories--text-only .highlights-accessories__textbox{padding:64px 0;text-align:center} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-accessories{padding:60px 0} .highlights-accessories__textbox{padding:0 0 0 30px} .highlights-accessories__headline{font-size:24px;max-width:300px} .is-english .highlights-accessories__headline{width:300px} .highlights-accessories__visual{width:380px;height:290px} .highlights-accessories--text-only .highlights-accessories__textbox{padding:48px 0} } .highlights-faq{padding:60px 0;background-color:#fff;color:#000} .highlights-faq__feature-title{font-size:30px;line-height:1.33} .highlights-faq__list{margin-top:30px} .highlights-faq__item{border-bottom:1px solid #e5e5e5} .highlights-faq__item:first-child{border-top:1px solid #e5e5e5} .highlights-faq__item.is-open .highlights-faq__question{padding-bottom:16px} .highlights-faq__item.is-open .highlights-faq__question-arrow::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)} .highlights-faq__item:last-child{margin-bottom:0} .highlights-faq__question{padding:25px 0 26px;-webkit-transition:padding-bottom .3s ease-in-out;-o-transition:padding-bottom .3s ease-in-out;transition:padding-bottom .3s ease-in-out} .highlights-faq__question-arrow{position:relative;display:block;width:100%;text-align:inherit;font-size:15px;line-height:1.33;color:inherit;background-color:transparent;cursor:pointer;padding-right:55px} .highlights-faq__question-arrow::after{content:'';position:absolute;top:4px;width:25px;height:25px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;right:0} .is-bg-load-complete .highlights-faq__question-arrow::after{background:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-faq-arrow-black-mo.svg) no-repeat center;background-size:25px auto} .highlights-faq__answer{overflow:hidden;height:0} .highlights-faq__answer-inner{padding-bottom:30px} .highlights-faq__answer p{width:auto;font-size:13px;line-height:1.45} .highlights-faq__cta{margin-top:18px} @media screen and (min-width:768px){ .highlights-faq{padding:80px 0} .highlights-faq__feature-title{font-size:38px;line-height:1.21} .highlights-faq__list{margin-top:47px} .highlights-faq__item.is-open .highlights-faq__question{padding-bottom:17px} .highlights-faq__question{padding:30px 0 29px} .highlights-faq__question-arrow{font-size:22px;line-height:1.68;padding-right:90px} .highlights-faq__question-arrow::after{top:-1px;width:36px;height:36px;right:12px} .is-bg-load-complete .highlights-faq__question-arrow::after{background:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-faq-arrow-black.svg) no-repeat center;background-size:36px auto} .highlights-faq__answer-inner{padding-bottom:30px} .highlights-faq__answer p{width:888px;font-size:14px;line-height:1.43} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-faq{padding:60px 0} .highlights-faq__feature-title{font-size:24px;line-height:1.25} .highlights-faq__list{margin-top:31px} .highlights-faq__question{padding:25px 0} .highlights-faq__question-arrow{font-size:15px;line-height:1.33} .highlights-faq__question-arrow::after{top:-4px;width:26px;height:26px} .is-bg-load-complete .highlights-faq__question-arrow::after{background-size:26px auto} .highlights-faq__answer p{width:624px;font-size:13px;line-height:1.38} .highlights-faq__cta{margin-top:18px} } .color_yb .highlights-faq__answer a.click_sup.focus-visible{outline-color:#000!important} .highlights-viewer{visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)} .highlights-viewer.is-init{visibility:visible;opacity:1} .highlights-viewer.is-open .highlights-viewer__inner{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:auto} .highlights-viewer__wrap{height:100%} .highlights-viewer__inner{position:absolute;left:0;right:0;bottom:0;height:calc(100vh - 10%);max-height:1200px;z-index:11;color:#000;opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out} .highlights-viewer__contents{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow-y:auto;overflow-x:hidden;height:100%;background-color:#fff;margin:auto;border-top-left-radius:24px;border-top-right-radius:24px} .highlights-viewer__contents::-webkit-scrollbar{width:15px} .highlights-viewer__contents::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.5);background-clip:padding-box;border:5px solid transparent} .highlights-viewer__contents::-webkit-scrollbar-button{height:36px} .highlights-viewer__contents-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-height:520px;max-width:1440px;margin:84px auto;z-index:12} .highlights-viewer__close{position:relative;z-index:13;width:100%;max-width:1440px;margin:auto} .highlights-viewer__close-cta{display:block;position:absolute;top:20px;height:36px;width:36px;z-index:3;border-radius:50%;background-color:transparent;-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s;cursor:pointer;right:20px} .highlights-viewer__close-cta::after{content:'';display:none;width:100%;height:100%;background:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-close-x-white.svg) center center no-repeat;border-radius:50%;background-color:#000;background-size:20px;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s, -webkit-transform .35s} .is-init .highlights-viewer__close-cta::after{display:block} .highlights-viewer__close-cta:hover::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .highlights-viewer__close-cta--black{border-color:#bbb} .highlights-viewer__close-cta--black::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-close-x-black.svg)} .highlights-viewer__header{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;display:block;height:100%} .highlights-viewer__header .common-disclaimer{margin-top:21px;font-family:SamsungOne} .is-english .highlights-viewer__header .common-disclaimer{width:330px} .highlights-viewer__header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:calc(100% - 140px);padding-top:140px;overflow:auto} .highlights-viewer__header-close{display:none} .highlights-viewer__title{width:100%;padding-bottom:10px;font-size:18px;line-height:18px;color:#262626;border-bottom:1px solid #ccc} .highlights-viewer__title::after{content:'';width:100%;height:1px;background-color:#ccc;position:absolute;bottom:-1px;right:-100%} .highlights-viewer__title-cta{display:none} .highlights-viewer__title-pc{position:absolute;top:80px} .highlights-viewer__container{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:56.25%;height:100%;position:relative;overflow:hidden;border-radius:30px;background-color:#fafafa;margin-right:60px;margin-left:40px} .highlights-viewer__container-viewer{position:relative;width:100%;height:100%;border:0} .highlights-viewer__container-viewer-wrap{height:100%} .highlights-viewer__scroll{position:fixed;top:20px;z-index:12;opacity:0;visibility:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:13px 15px;height:36px;border-radius:18px;background-color:#fff;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);width:90px;right:70px} @media screen and (min-width:1441px){ .highlights-viewer__scroll{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-left:600px} } .highlights-viewer__scroll.is-scroll-btn{opacity:1;visibility:visible} .highlights-viewer__scroll-btn{position:relative;display:block;width:20px;height:20px;background-color:transparent;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;background-size:18px 10px} .highlights-viewer__scroll-btn svg{width:18px;height:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none} .highlights-viewer__scroll-btn--up{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)} .highlights-viewer__scroll-bar{display:block;margin:0 12px;height:20px;width:2px;background-color:#ccc} .highlights-viewer__scroll :disabled{opacity:.3;cursor:default} @media screen and (min-width:768px) and (max-width:1023px){ .highlights-viewer__contents-wrap{margin:68px auto} .highlights-viewer__header .common-sub-headline{font-size:24px} .highlights-viewer__header .common-disclaimer{margin-top:15px} .is-english .highlights-viewer__header .common-disclaimer{width:240px} .highlights-viewer__header-inner{padding-top:90px} .highlights-viewer__container{max-width:568px} .highlights-viewer__title-pc{top:45px} } @media screen and (max-width:767px){ .highlights-viewer__wrap.is-popup-opened .highlights-viewer__close-cta{opacity:.3;pointer-events:none} .highlights-viewer__wrap.is-popup-opened .highlights-viewer__title-cta{pointer-events:none} .highlights-viewer__wrap.is-popup-opened .highlights-viewer__title-cta::after{opacity:1;visibility:visible} .highlights-viewer__inner{border-radius:13px 13px 0 0;overflow:hidden} } @media only screen and (max-width:767px) and (max-width:767px) and (orientation:landscape){ .highlights-viewer__inner{height:70vh} } @media screen and (max-width:767px){ .highlights-viewer__contents{padding:0;border-top-left-radius:13px;border-top-right-radius:13px} .highlights-viewer__contents::-webkit-scrollbar-button{height:18px} .highlights-viewer__contents-wrap{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:500px;padding:0;margin:0} .highlights-viewer__close-cta{max-width:none;top:16px;right:16px;height:28px;width:28px} .highlights-viewer__close-cta:hover{-webkit-transform:none;-ms-transform:none;transform:none} .highlights-viewer__close-cta::after{background-size:16px} .is-info-open .highlights-viewer__close-cta{opacity:.5;pointer-events:none} .highlights-viewer__container{width:100%;margin:0;border-radius:13px;z-index:11} .highlights-viewer__container-viewer{height:calc(100% + 1px)} .highlights-viewer__container-viewer-wrap{overflow:hidden} .highlights-viewer__header{position:static;margin:13px 0} .highlights-viewer__header .common-sub-headline{font-size:24px} .highlights-viewer__header .common-disclaimer{margin-top:15px;max-width:192px} .highlights-viewer__header .common-text{width:auto} .highlights-viewer__header-inner{display:block;position:absolute;left:50%;bottom:86px;height:auto;width:calc(100% - 30px);min-width:auto;max-width:330px;padding:38px 24px 48px 24px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);opacity:0;background-color:#fff;border-radius:12px;-webkit-transform:translateX(-50%) translateY(5%);-ms-transform:translateX(-50%) translateY(5%);transform:translateX(-50%) translateY(5%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box} .is-info-open .highlights-viewer__header-inner{opacity:1;visibility:visible;z-index:12} .highlights-viewer__header-close{position:absolute;top:8px;right:10px;display:block} .highlights-viewer__header-close-cta{width:25px;height:25px;background-color:transparent} .highlights-viewer__header-close-cta::after,.highlights-viewer__header-close-cta::before{content:'';display:block;position:absolute;z-index:2;left:50%;top:50%;width:15px;height:1px;background-color:#000} .highlights-viewer__header-close-cta::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)} .highlights-viewer__header-close-cta::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)} .rtl .highlights-viewer__header-close-cta{direction:ltr} .highlights-viewer__title{width:auto;font-size:14px;border:0;background:0 0;z-index:1;color:#fff;cursor:pointer} .highlights-viewer__title::after{display:none} .highlights-viewer__title-pc{display:none} .highlights-viewer__title-text{padding-right:4px} .highlights-viewer__title-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;padding:10px 24px!important} .highlights-viewer__title-cta::after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:120px;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.2);-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:10} .highlights-viewer__title-info{display:none;width:15px;height:14px;content:'';background:transparent url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-info-white.svg) center center/contain no-repeat} .is-init .highlights-viewer__title-info{display:block} .highlights-viewer__dimmed{content:'';display:block;position:absolute;right:0;left:0;top:-50%;bottom:0;background-color:rgba(0,0,0,.1);opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s} .is-info-open .highlights-viewer__dimmed{opacity:1;visibility:visible;z-index:12} .highlights-viewer__scroll{top:15px;z-index:12;padding:0 7px;height:28px;border-radius:14px;max-width:60px;right:59px} .highlights-viewer__scroll-btn{width:15px;height:28px} .highlights-viewer__scroll-btn svg{width:10px} .highlights-viewer__scroll-bar{height:10px;margin:0 6px} } @media screen and (orientation:landscape) and (max-height:400px){ .highlights-viewer__header-inner{top:30%;bottom:auto} } .color_yb .highlights-viewer__close-cta{border-color:#fff01f!important;background-color:#000!important} .color_yb .highlights-viewer__close-cta::after{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-close-x-yellow.svg)} .color_yb .highlights-viewer__title-cta{border-color:#000!important} .highlights-common-youtube__wrap{max-width:312px;margin:0 auto;padding-top:60px} .highlights-common-youtube__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:24px;border-radius:10px;background-color:#f4f4f4} .common-description~.highlights-common-youtube__list{margin-top:40px} .common-cta-area~.highlights-common-youtube__list{margin-top:32px} .highlights-common-youtube__item{min-height:80px;border-radius:20px} .highlights-common-youtube__item+.highlights-common-youtube__item{margin-top:16px} .highlights-common-youtube__item-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%} .highlights-common-youtube__item-title{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:calc(100% - 120px);font-size:14px;line-height:1.5;font-family:SamsungOne;font-weight:700;padding-left:18px} .highlights-common-youtube__item-thumbnail{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:block;position:relative;width:120px;height:80px;border-radius:9px;overflow:hidden} .highlights-common-youtube__item-thumbnail::before{content:'';z-index:1;position:absolute;top:50%;left:50%;width:30px;height:30px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%} .is-bg-load-complete .highlights-common-youtube__item-thumbnail::before{background:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-youtube-play.svg) center center no-repeat} @media screen and (min-width:768px){ .highlights-common-youtube__wrap{max-width:988px;padding-top:80px} .highlights-common-youtube__list{background-color:#fff;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:0} } @media screen and (min-width:768px) and (min-width:1024px){ .common-cta-area~.highlights-common-youtube__list{margin-top:50px} } @media screen and (min-width:768px){ .highlights-common-youtube__list--4items{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:652px;margin:0 auto} .highlights-common-youtube__list--4items .highlights-common-youtube__item{-ms-flex-preferred-size:auto;flex-basis:auto} .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(3),.highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(4){margin-top:20px;margin-left:0} .highlights-common-youtube__item{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:316px;min-height:110px;background-color:#f4f4f4;border-radius:20px} .highlights-common-youtube__item+.highlights-common-youtube__item{margin-top:0;margin-left:20px} .highlights-common-youtube__item-cta{padding:14px} .highlights-common-youtube__item-title{width:calc(100% - 134px);font-size:15px;line-height:1.46;padding-left:20px} .highlights-common-youtube__item-thumbnail{border-radius:12px;width:134px;height:82px} .highlights-common-youtube__item-thumbnail::before{width:38px;height:38px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-common-youtube__wrap{max-width:688px;padding-top:60px} .highlights-common-youtube__list--4items{max-width:454px} .highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(3),.highlights-common-youtube__list--4items .highlights-common-youtube__item:nth-child(4){margin-top:14px} .highlights-common-youtube__item{max-width:220px;min-height:90px} .highlights-common-youtube__item+.highlights-common-youtube__item{margin-left:14px} .highlights-common-youtube__item-cta{padding:10px} .highlights-common-youtube__item-title{width:calc(100% - 100px);font-size:12px;line-height:1.5;padding-left:13px} .highlights-common-youtube__item-thumbnail{width:100px;height:70px} .highlights-common-youtube__item-thumbnail::before{width:34px;height:34px} } .color_yb .highlights-common-youtube__item-title{background-color:#000!important;color:#fff01f!important} .color_yb .highlights-common-youtube__item-thumbnail:before{background-color:#000!important;background-image:url(//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/images/icon-youtube-play-yellow.svg)!important} .highlights-circle-to-search .highlights-common-youtube__list{text-align:left;margin-right:auto;margin-left:auto;margin-top:32px} .highlights-circle-to-search .highlights-common-youtube__item-title span{display:block} .highlights-circle-to-search__logo{margin-top:32px} @media screen and (min-width:768px) and (min-width:1024px){ .highlights-circle-to-search .highlights-common-youtube__list{margin-top:50px} } @media screen and (min-width:768px){ .highlights-circle-to-search__logo{margin-top:59px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-circle-to-search__logo{margin-top:40px} } .highlights-live-translate .highlights-common-youtube__list{margin-top:39px} .highlights-live-translate .highlights-common-youtube__item-title span{display:block} .highlights-live-translate__cta{margin-top:33px} @media screen and (min-width:768px){ .highlights-live-translate .highlights-common-youtube__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:33px} .highlights-live-translate__cta{margin-top:40px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-live-translate .highlights-common-youtube__list{margin-top:26px} } .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-title{background-position:-60px -30px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-60px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-title{background-position:-30px -30px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-30px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-title{background-position:0 -30px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-title{background-position:0 0} .highlights-optical-zoom__zoom-button-title{display:block;width:100%;height:100%;border-radius:50px;overflow:hidden;background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button-mo.png);background-size:90px 60px;background-repeat:no-repeat;font-size:0} @media screen and (min-width:768px){ .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-title{background-position:-80px -40px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-80px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-title{background-position:-40px -40px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-40px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-title{background-position:0 -40px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-title{background-position:0 0} .highlights-optical-zoom__zoom-button-title{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button.png);background-size:120px 80px} } @media screen and (min-width:768px) and (max-width:1023px){ .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x .highlights-optical-zoom__zoom-button-title{background-position:-76px -38px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--1x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-76px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x .highlights-optical-zoom__zoom-button-title{background-position:-38px -38px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--2x.is-active .highlights-optical-zoom__zoom-button-title{background-position:-38px 0} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x .highlights-optical-zoom__zoom-button-title{background-position:0 -38px} .highlights-optical-zoom__zoom-button-item.is-bg-load-complete.highlights-optical-zoom__zoom-button-item--3x.is-active .highlights-optical-zoom__zoom-button-title{background-position:0 0} .highlights-optical-zoom__zoom-button-title{background-image:url(//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-button.png);background-size:114px 76px} } .color_yb .highlights-optical-zoom__zoom-button-item.is-active .highlights-optical-zoom__zoom-button-title{-webkit-filter:invert(100);filter:invert(100)} .highlights-color__carousel-slide{opacity:1} .swiper-container-initialized .highlights-color__carousel-slide{opacity:0;-webkit-transition-property:opacity!important;-o-transition-property:opacity!important;transition-property:opacity!important;-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .swiper-container-initialized .highlights-color__carousel-slide.swiper-slide-active{opacity:1} </style> <style data-gro-local-css>.common-banner__headline, .high-contrast__btn, .common-headline, .common-sub-headline, .common-popup__title, .highlights-overview__info-title, .highlights-design-spec-popup__title, .highlights-design-spec-popup__table-data, .highlights-resolution-popup__spec-title, .highlights-gaming__info-value, .highlights-gaming__info-unit, .highlights-gaming__info-over, .highlights-battery__info-value, .highlights-battery__info-unit, .highlights-switching__card-title, .highlights-galaxy-offers__card-title, .highlights-accessories__headline, .highlights-faq__feature-title { font-family: SamsungSharpSans, Meiryo, sans-serif; font-weight: bold !important; } .common-cta-encased, .common-cta-underline__text, .dotcom-footer-banner__text, .dotcom-footer-banner__btn span, .common-accordion__title, .common-popup__close--bottom .common-popup__close-cta, .highlights-overview__navigation-button-text, .highlights-design-spec-popup__table-title, .highlights-color__tab-name, .highlights-color__exclusive-badge, .highlights-optical-zoom__zoom-tooltip-text, .highlights-gaming__info-category, .highlights-battery__info-category, .highlights-faq__question-arrow, .highlights-viewer__title { font-family: SamsungOne,Meiryo,sans-serif; font-weight: bold; } .highlights, .highlights-viewer__header .common-disclaimer { font-family: SamsungOne,Meiryo,sans-serif; } /* fonts */ @media screen and (max-width: 767px) { .common-headline { font-size: 38px; } } @media screen and (max-width: 767px) and (max-width: 320px) { .common-headline { font-size: 36px; } } @media screen and (max-width: 767px) { .common-sub-headline { font-size: 28px; } } @media screen and (max-width: 767px) and (max-width: 320px) { .common-sub-headline { font-size: 26px; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .common-textbox--vertical .common-sub-headline .common-text { width: 417px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .common-accordion__title { font-size: 14px; } } .highlights-kv__image { max-height: 370px; } .highlights-kv__image picture { overflow: hidden; } .highlights-kv__image picture::after { padding-top: 148.16667%; } .highlights-kv__content { padding-bottom: 20px; } .highlights-kv__bottom-disclaimer-list-wrap { padding-bottom: 20px; } .highlights-kv__bottom-disclaimer-item { text-align: center; font-size: 11px; line-height: 1.33; color: #575757; } .highlights-kv__bottom-disclaimer-item + .highlights-kv__bottom-disclaimer-item { margin-top: 5px; } @media screen and (min-width: 768px) { .highlights-kv__headline { white-space: nowrap; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-kv__image { max-height: 680px; } .highlights-kv__image picture { height: 680px; } .highlights-kv__bottom-disclaimer-list-wrap { max-width: 554px; margin: 0 auto; } .highlights-kv__bottom-disclaimer-item { font-size: 14px; line-height: 1.42; } .highlights-kv__bottom-disclaimer-item + .highlights-kv__bottom-disclaimer-item { margin-top: 12px; } } @media screen and (min-width: 1024px) { .highlights-kv__image { max-height: none; } .highlights-kv__content { padding-bottom: 0; } .highlights-kv__bottom-disclaimer-list-wrap { position: absolute; bottom: 0; left: 0; max-width: 825px; } .highlights-kv__bottom-disclaimer-item { font-size: 14px; line-height: 1.42; text-align: left; } .highlights-kv__bottom-disclaimer-item + .highlights-kv__bottom-disclaimer-item { margin-top: 5px; } } .color_yb .highlights-kv__bottom-disclaimer-item { background-color: #000 !important; color: #fff01f !important; } @media screen and (min-width: 768px) { .highlights-overview__navigation-button-text { font-size: 13px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-overview__navigation-button-text { font-size: 10px; } } @media screen and (max-width: 767px) { .highlights-form-factor .common-headline .common-text { width: 300px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-design-display .common-sub-headline .common-text { width: 305px; } } @media screen and (min-width: 768px) { .mac .highlights-color .common-cta-encased--icon { white-space: nowrap; } } @media screen and (min-width: 1024px) { .highlights-resolution__text .common-textbox__column { padding-right: 0; } .highlights-resolution__text .common-description { width: 484px; } } .highlights-resolution-popup__spec-title { font-size: 18px; } @media screen and (max-width: 359px) { .highlights-resolution-popup__spec-title { font-size: 16px; } } @media screen and (min-width: 768px) { .highlights-resolution-popup__spec-title { font-size: 24px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3) { bottom: -226px; } .highlights-resolution-popup__spec--rear .highlights-resolution-popup__spec-item:nth-child(3) .highlights-resolution-popup__spec-line::after { height: 35px; } .highlights-resolution-popup__spec-title { font-size: 22px; } } @media screen and (max-width: 767px) { .highlights-nightography .common-sub-headline .common-text { width: 300px; } } @media screen and (min-width: 1024px) { .highlights-space-zoom__text .common-description { padding-right: 10px; } } @media screen and (min-width: 1024px) { .highlights-super-hdr__text .common-description { width: 470px; } } @media screen and (min-width: 768px) { .highlights-generative-edit .common-description { padding-right: 15px; } .highlights-generative-edit__text .common-description { padding-right: 0; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-generative-edit .common-sub-headline .common-text { width: 290px; } } @media screen and (min-width: 1024px) { .highlights-live-translate__cta { max-width: 456px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .highlights-live-translate__cta { max-width: 300px; } } @media screen and (min-width: 768px) and (min-width: 1024px) { .highlights-aod .common-description.common-textbox--vertical { padding-right: 22px; } } @media screen and (max-width: 767px) { .highlights-chat-assist .common-sub-headline .common-text { width: 300px; } } @media screen and (min-width: 1024px) { .highlights-battery .common-sub-headline .common-text { padding-right: 50px; } } </style> <!--######## pdp_css ########--> <style> #pd-banner .pd-tab-wrap {position: relative; overflow: hidden; margin: 0 auto;} .j1 #pd-banner .pd-tab-wrap[class*="pd-tab-size"] {max-width: 100%; margin: 0 15px;} #pd-banner .pd-tab-wrap.pd-tab-size-1 {overflow: unset; max-width: 240px; height: 61px;} #pd-banner .pd-tab-wrap.pd-tab-size-2 {max-width: 480px;} #pd-banner .pd-tab-wrap.pd-tab-size-3, #pd-banner .pd-tab-wrap.pd-tab-size-4, #pd-banner .pd-tab-wrap.pd-tab-size-5 {max-width: 720px;} #pd-banner .pd-tab-wrap .pd-tab > li {float:left; text-align: center;} #pd-banner .pd-tab-wrap.pd-tab-size-1 .pd-tab > li {float: none; width: 100%;} #pd-banner .pd-tab-wrap.pd-tab-size-2 .pd-tab > li {width: 50%;} #pd-banner .pd-tab-wrap.pd-tab-size-3 .pd-tab > li {width: 33.3%;} #pd-banner .pd-tab-wrap.pd-tab-size-4 .pd-tab > li {width: 25%;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul {display:flex;justify-content:space-between;border-bottom:1px solid #000;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li {float:none;width:auto !important;flex-grow:1;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a {border-bottom:0;} @media screen and (max-width:360px) { #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.docomo-t2 {width:53px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.au-t2 {width:26px;height:9px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.samsung-t2 {width:53px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.rakuten-t2 {width:72px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.uqmobile-t2 {width:60px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.jcom-t2 {width:39px;height:12px;} } #pd-banner .pd-tab-wrap .pd-tab > li > a {position: relative; display: block; height: 60px; font-size: 20px; font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-weight: 400; color: #737373; line-height: 60px; border-bottom: 1px solid #000;} #pd-banner .pd-tab-wrap .pd-tab > li > a:after {content: '';opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background-color: #000; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: none; -o-transition: none; transition: none;} #pd-banner .tab-cont.on {display: block;} #pd-banner .spec-list {display: none;} #pd-banner .spec-list.on {display: block;} .j3 #pd-banner .links-wrap .btn-buy {min-width:406px;padding:0 10px;} .j2 #pd-banner .links-wrap .btn-buy {min-width:355px;padding:0 10px;font-size:20px;} .j1 #pd-banner .links-wrap .btn-buy {min-width:auto !important;height:auto !important;padding:15px 5px;line-height:1.3 !important;} @media screen and (min-width:768px) { #pd-banner .links-wrap[class*=br-line] .btn-buy {position:relative;line-height:1.3;} #pd-banner .links-wrap[class*=br-line] .btn-buy span {position:absolute;top:50%;left:5px;right:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} /*#pd-banner .links-wrap.br-line2 .btn-buy {height:85px;} #pd-banner .links-wrap.br-line3 .btn-buy {height:110px;}*/ } #pd-banner .event-wrap {margin-bottom:109px} .j2 #pd-banner .event-wrap {margin-bottom:84px} .j1 #pd-banner .event-wrap {margin-bottom:49px;} #pd-banner .event-wrap .slide-nav {bottom:-30px} .j2 #pd-banner .event-wrap .slide-nav {bottom:-26px} .j1 #pd-banner .event-wrap .slide-nav {bottom:-22px} #pd-banner .event-wrap.hidden {margin-bottom:0 !important;} [class*=au-t],[class*=docomo-t],[class*=jcom-t],[class*=rakuten-t],[class*=softbank-t],[class*=uqmobile-t],[class*=ahamo-t],[class*=samsung-t],[class*=simfree-t]{ display:inline-block; overflow:hidden; background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%; vertical-align:middle !important; text-indent:-30000px; box-sizing:content-box !important; } [class*=docomo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_docomo_grey.svg');} [class*=docomo-t].on, [class*=docomo-t]:hover, [class*=docomo-t].visible, .on > [class*=docomo-t], a:hover [class*=docomo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_docomo.svg');} .docomo-t2{width:98px;height:22px;} .j1 .docomo-t2{width:76px;height:17px;} .docomo-t4{width:68px;height:15px;} .j1 .docomo-t4{width:58px;height:13px;} [class*=samsung-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_samsung_grey.svg');} [class*=samsung-t].on, [class*=samsung-t]:hover, [class*=samsung-t].visible, .on > [class*=samsung-t], a:hover [class*=samsung-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_samsung.svg');} .samsung-t2{width:113px;height:16px;} .j1 .samsung-t2{width:76px;height:17px;} .samsung-t4{width:68px;height:15px;} .j1 .samsung-t4{width:58px;height:13px;} [class*=au-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_au_grey.svg');} [class*=au-t].on, [class*=au-t]:hover, [class*=au-t].visible, .on > [class*=au-t], a:hover [class*=au-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_au.svg');} .au-t2 {width:48px;height:17px;} .j1 .au-t2 {width:40px;height:14px;} .au-t4 {width:32px;height:11px;} .j1 .au-t4 {width:28px;height:10px;} [class*=softbank-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_soft-bank_grey.svg');} [class*=softbank-t].on, [class*=softbank-t]:hover, [class*=softbank-t].visible, .on > [class*=softbank-t], a:hover [class*=softbank-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_soft-bank.svg');} .softbank-t2 {width:110px;height:16px;} .j1 .softbank-t2 {width:104px;height:15px;} .softbank-t4 {width:76px;height:11px;} [class*=jcom-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_jcom_grey.svg');} [class*=jcom-t].on, [class*=jcom-t]:hover, [class*=jcom-t].visible, .on > [class*=jcom-t], a:hover [class*=jcom-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_jcom.svg');} .jcom-t2 {width:64px;height:20px;} .j1 .jcom-t2 {width:48px;height:15px;} .jcom-t4{width:42px;height:13px;} .j1 .jcom-t4{width:36px;height:11px;} [class*=uqmobile-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_uq-mobile_grey.svg');} [class*=uqmobile-t].on, [class*=uqmobile-t]:hover, [class*=uqmobile-t].visible, .on > [class*=uqmobile-t], a:hover [class*=uqmobile-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_uq-mobile.svg');} .uqmobile-t2 {width:90px;height:18px;} .j1 .uqmobile-t2 {width:75px;height:15px;} .uqmobile-t4 {width:60px;height:12px;} .j1 .uqmobile-t4 {width:56px;height:11px;} [class*=rakuten-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_rakuten-mobile_grey.svg');} [class*=rakuten-t].on, [class*=rakuten-t]:hover, [class*=rakuten-t].visible, .on > [class*=rakuten-t], a:hover [class*=rakuten-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_rakuten-mobile.svg');} .rakuten-t2 {width:102px;height:17px;} .j1 .rakuten-t2 {width:90px;height:15px;} .rakuten-t4 {width:78px;height:13px;} .j1 .rakuten-t4 {width:72px;height:12px;} [class*=ahamo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_ahamo_grey.svg');} [class*=ahamo-t].on, [class*=ahamo-t]:hover, [class*=ahamo-t].visible, .on > [class*=ahamo-t], a:hover [class*=ahamo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_ahamo.svg');} .ahamo-t2 {width:87px;height:20px;} .j1 .ahamo-t2 {width:70px;height:15px;} .ahamo-t4 {width:52px;height:12px;} .j1 .ahamo-t4 {width:50px;height:11px;} [class*=simfree-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_sim-free_grey.svg');} [class*=simfree-t].on, [class*=simfree-t]:hover, [class*=simfree-t].visible, .on > [class*=simfree-t], a:hover [class*=simfree-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_sim-free.svg');} .simfree-t2 {width:120px;height:20px;} .j1 .simfree-t2 {width:90px;height:15px;} .simfree-t4 {width:72px;height:12px;} .j1 .simfree-t4 {width:72px;height:12px;} .ie .product-list > li a .buy {height:22px;} .ie .ahamo-t4 {background-size:52px 100%;} .ie.j1 .ahamo-t4 {background-size:50px 100%;} </style> <!--######## pdp_css ########--> <style> #pd-banner .pd-tab-wrap {position: relative; overflow: hidden; margin: 0 auto;} .j1 #pd-banner .pd-tab-wrap[class*="pd-tab-size"] {max-width: 100%; margin: 0 15px;} #pd-banner .pd-tab-wrap.pd-tab-size-1 {overflow: unset; max-width: 240px; height: 61px;} #pd-banner .pd-tab-wrap.pd-tab-size-2 {max-width: 480px;} #pd-banner .pd-tab-wrap.pd-tab-size-3, #pd-banner .pd-tab-wrap.pd-tab-size-4, #pd-banner .pd-tab-wrap.pd-tab-size-5 {max-width: 720px;} #pd-banner .pd-tab-wrap .pd-tab > li {float:left; text-align: center;} #pd-banner .pd-tab-wrap.pd-tab-size-1 .pd-tab > li {float: none; width: 100%;} #pd-banner .pd-tab-wrap.pd-tab-size-2 .pd-tab > li {width: 50%;} #pd-banner .pd-tab-wrap.pd-tab-size-3 .pd-tab > li {width: 33.3%;} #pd-banner .pd-tab-wrap.pd-tab-size-4 .pd-tab > li {width: 25%;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul {display:flex;justify-content:space-between;border-bottom:1px solid #000;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li {float:none;width:auto !important;flex-grow:1;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a {border-bottom:0;} @media screen and (max-width:360px) { #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.docomo-t2 {width:53px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.au-t2 {width:26px;height:9px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.rakuten-t2 {width:72px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.uqmobile-t2 {width:60px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.jcom-t2 {width:39px;height:12px;} #pd-banner .pd-tab-wrap.pd-tab-size-5 ul > li > a > span.samsung-t2 {width:53px;height:12px;} } #pd-banner .pd-tab-wrap .pd-tab > li > a {position: relative; display: block; height: 60px; font-size: 20px; font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-weight: 400; color: #737373; line-height: 60px; border-bottom: 1px solid #000;} #pd-banner .pd-tab-wrap .pd-tab > li > a:after {content: '';opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background-color: #000; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: none; -o-transition: none; transition: none;} #pd-banner .tab-cont.on {display: block;} #pd-banner .spec-list {display: none;} #pd-banner .spec-list.on {display: block;} .j3 #pd-banner .links-wrap .btn-buy {min-width:406px;padding:0 10px;} .j2 #pd-banner .links-wrap .btn-buy {min-width:355px;padding:0 10px;font-size:20px;} .j1 #pd-banner .links-wrap .btn-buy {min-width:auto !important;height:auto !important;padding:15px 5px;line-height:1.3 !important;} @media screen and (min-width:768px) { #pd-banner .links-wrap[class*=br-line] .btn-buy {position:relative;line-height:1.3;} #pd-banner .links-wrap[class*=br-line] .btn-buy span {position:absolute;top:50%;left:5px;right:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} /*#pd-banner .links-wrap.br-line2 .btn-buy {height:85px;} #pd-banner .links-wrap.br-line3 .btn-buy {height:110px;}*/ } #pd-banner .event-wrap {margin-bottom:109px} .j2 #pd-banner .event-wrap {margin-bottom:84px} .j1 #pd-banner .event-wrap {margin-bottom:49px;} #pd-banner .event-wrap .slide-nav {bottom:-30px} .j2 #pd-banner .event-wrap .slide-nav {bottom:-26px} .j1 #pd-banner .event-wrap .slide-nav {bottom:-22px} #pd-banner .event-wrap.hidden {margin-bottom:0 !important;} [class*=au-t],[class*=docomo-t],[class*=jcom-t],[class*=rakuten-t],[class*=softbank-t],[class*=uqmobile-t],[class*=ahamo-t],[class*=simfree-t]{ display:inline-block; overflow:hidden; background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%; vertical-align:middle !important; text-indent:-30000px; box-sizing:content-box !important; } [class*=docomo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_docomo_grey.svg');} [class*=docomo-t].on, [class*=docomo-t]:hover, [class*=docomo-t].visible, .on > [class*=docomo-t], a:hover [class*=docomo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_docomo.svg');} .docomo-t2{width:98px;height:22px;} .j1 .docomo-t2{width:76px;height:17px;} .docomo-t4{width:68px;height:15px;} .j1 .docomo-t4{width:58px;height:13px;} [class*=samsung-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_samsung_grey.svg');} [class*=samsung-t].on, [class*=samsung-t]:hover, [class*=samsung-t].visible, .on > [class*=samsung-t], a:hover [class*=samsung-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_samsung.svg');} .samsung-t2{width:113px;height:16px;} .j1 .samsung-t2{width:76px;height:17px;} .samsung-t4{width:68px;height:15px;} .j1 .samsung-t4{width:58px;height:13px;} [class*=au-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_au_grey.svg');} [class*=au-t].on, [class*=au-t]:hover, [class*=au-t].visible, .on > [class*=au-t], a:hover [class*=au-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_au.svg');} .au-t2 {width:48px;height:17px;} .j1 .au-t2 {width:40px;height:14px;} .au-t4 {width:32px;height:11px;} .j1 .au-t4 {width:28px;height:10px;} [class*=softbank-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_soft-bank_grey.svg');} [class*=softbank-t].on, [class*=softbank-t]:hover, [class*=softbank-t].visible, .on > [class*=softbank-t], a:hover [class*=softbank-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_soft-bank.svg');} .softbank-t2 {width:110px;height:16px;} .j1 .softbank-t2 {width:104px;height:15px;} .softbank-t4 {width:76px;height:11px;} [class*=jcom-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_jcom_grey.svg');} [class*=jcom-t].on, [class*=jcom-t]:hover, [class*=jcom-t].visible, .on > [class*=jcom-t], a:hover [class*=jcom-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_jcom.svg');} .jcom-t2 {width:64px;height:20px;} .j1 .jcom-t2 {width:48px;height:15px;} .jcom-t4{width:42px;height:13px;} .j1 .jcom-t4{width:36px;height:11px;} [class*=uqmobile-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_uq-mobile_grey.svg');} [class*=uqmobile-t].on, [class*=uqmobile-t]:hover, [class*=uqmobile-t].visible, .on > [class*=uqmobile-t], a:hover [class*=uqmobile-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_uq-mobile.svg');} .uqmobile-t2 {width:90px;height:18px;} .j1 .uqmobile-t2 {width:75px;height:15px;} .uqmobile-t4 {width:60px;height:12px;} .j1 .uqmobile-t4 {width:56px;height:11px;} [class*=rakuten-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_rakuten-mobile_grey.svg');} [class*=rakuten-t].on, [class*=rakuten-t]:hover, [class*=rakuten-t].visible, .on > [class*=rakuten-t], a:hover [class*=rakuten-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_rakuten-mobile.svg');} .rakuten-t2 {width:102px;height:17px;} .j1 .rakuten-t2 {width:90px;height:15px;} .rakuten-t4 {width:78px;height:13px;} .j1 .rakuten-t4 {width:72px;height:12px;} [class*=ahamo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_ahamo_grey.svg');} [class*=ahamo-t].on, [class*=ahamo-t]:hover, [class*=ahamo-t].visible, .on > [class*=ahamo-t], a:hover [class*=ahamo-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_ahamo.svg');} .ahamo-t2 {width:87px;height:20px;} .j1 .ahamo-t2 {width:70px;height:15px;} .ahamo-t4 {width:52px;height:12px;} .j1 .ahamo-t4 {width:50px;height:11px;} [class*=simfree-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_sim-free_grey.svg');} [class*=simfree-t].on, [class*=simfree-t]:hover, [class*=simfree-t].visible, .on > [class*=simfree-t], a:hover [class*=simfree-t] {background-image:url('//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-z-flip4/images/logo_carrier_sim-free.svg');} .simfree-t2 {width:120px;height:20px;} .j1 .simfree-t2 {width:90px;height:15px;} .simfree-t4 {width:72px;height:12px;} .j1 .simfree-t4 {width:72px;height:12px;} .ie .product-list > li a .buy {height:22px;} .ie .ahamo-t4 {background-size:52px 100%;} .ie.j1 .ahamo-t4 {background-size:50px 100%;} .pdp-info-wrap{ position:relative; max-width:1440px; overflow:hidden; margin:0 auto } .pdp-info-wrap .product-cont{ position:absolute; top:0; left:8%; right:49%; bottom:0; overflow:hidden } .pdp-info-wrap .product-cont .in-box{ position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:translate(50%,50%); -ms-transform:translate(50%,50%); transform:translate(50%,50%) } .pdp-info-wrap .product-cont .in-in-box{ position:absolute; top:0; left:0; right:0; padding-bottom:100px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .pdp-info-wrap .product-cont .product-name{ font-size:52px; font-family:sharpsans,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-weight:700; line-height:1.3 } .pdp-info-wrap .product-cont .product-name span{ font-size:44px; font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-weight:700 } .pdp-info-wrap .product-cont .product-name .product-marvel-name{ font-size:52px; font-family:sharpsans,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; font-weight:700 } .pdp-info-wrap .product-cont .select-color{ overflow:hidden; margin-top:35px; padding-top:1px } .pdp-info-wrap .product-cont .select-color [class*=color-]{ display:inline-block; width:44px; height:44px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:6px; text-indent:-9999px; border:1px solid #6a6a6a } .pdp-info-wrap .product-cont .select-color [class*=color-].on{ border:2px solid #000 } .pdp-info-wrap .product-cont .select-color [class*=color-black].on{ border:2px solid #6a6a6a } .pdp-info-wrap .product-cont .select-color .color-rubywine{ background-color:#653038 } .pdp-info-wrap .product-cont .select-color .color-red{ background-color:#fb0b0c } .pdp-info-wrap .product-cont .select-color .color-pink{ background-color:#ffc6f4 } .pdp-info-wrap .product-cont .select-color .color-orange{ background-color:#f6990d } .pdp-info-wrap .product-cont .select-color .color-yellow{ background-color:#ffec14 } .pdp-info-wrap .product-cont .select-color .color-black{ background-color:#0f0f0f } .pdp-info-wrap .product-cont .select-color .color-silver{ background-color:#dbdbdb } .pdp-info-wrap .product-cont .select-color .color-gold{ background-color:#e1dec4 } .pdp-info-wrap .product-cont .select-color .color-pinkgold{ background-color:#fcd4d4 } .pdp-info-wrap .product-cont .select-color .color-pakistangreen{ background-color:#036423 } .pdp-info-wrap .product-cont .select-color .color-lightblue{ background-color:#87b1fd } .pdp-info-wrap .product-cont .select-color .color-blue{ background-color:#0f5eb9 } .pdp-info-wrap .product-cont .select-color .color-dukeblue{ background-color:#1c0d82 } .pdp-info-wrap .product-cont .select-color .color-bluearctic{ background-color:#0a3369 } .pdp-info-wrap .product-cont .select-color .color-brown{ background-color:#865101 } .pdp-info-wrap .product-cont .select-color .color-umber{ background-color:#5f4b41 } .pdp-info-wrap .product-cont .select-color .color-gray{ background-color:#777 } .pdp-info-wrap .product-cont .select-color .color-white{ background-color:#f2f2f2 } .pdp-info-wrap .product-cont .select-color .color-violet{ background-color:#7205a7 } .pdp-info-wrap .product-cont .select-color .color-phonebox{ background-color:#521221 } .pdp-info-wrap .product-cont .select-color .color-rose{ background-color:#d89084 } .pdp-info-wrap .product-cont .select-color .color-navy{ background-color:#0c2d5e } .pdp-info-wrap .product-cont .select-color .color-whitebeige{ background-color:#d2c6b0 } .pdp-info-wrap .product-cont .select-color .color-spiderman{ background-color:#941e2e } .pdp-info-wrap .product-cont .select-color .color-ironman{ background-color:#aa0201 } .pdp-info-wrap .product-cont .select-color .color-skyblue{ background-color:#a4c8e1 } .pdp-info-wrap .product-cont .select-color .color-glamlavender{ background-color:#decde7 } .pdp-info-wrap .product-cont .select-color .color-lightgray{ background-color:#d3d3d3 } .pdp-info-wrap .product-cont .select-color .color-burgundy{ background-color:#6b3b44 } .pdp-info-wrap .product-cont .select-color .color-clear{ background-color:#f5f7f5 } .pdp-info-wrap .product-cont .select-color .color-lavender{ background-color:#bfb1d2 } .pdp-info-wrap .product-img{ float:right; width:49%; padding:70px 0 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .pdp-info-wrap .product-img .img-preview,.product-wrap .btnarea{ margin-top:40px; text-align:center } .pdp-info-wrap .product-img .img-preview>span{ display:inline-block; margin:0 4px; vertical-align:top } .pdp-info-wrap .product-img .img-preview>span a{ display:table-cell; width:66px; height:66px; vertical-align:middle; border:2px solid #f1f1f1 } .j1 .select-agency a.on,.pdp-info-wrap .product-img .img-preview>span a.on,.r2020-pdp-inner-wrap .r2020-pdp-inner .product-carrier .carrier-logo-wrap .carrier-logo-item a:focus:before,.r2020-pdp-inner-wrap .r2020-pdp-inner .product-carrier .carrier-logo-wrap .carrier-logo-item a:hover:before,.select-agency a.on{ border-color:#000 } .pdp-info-wrap .product-img .img-preview>span a>img{ width:66px } .pdp-info-wrap .product-img .slide-wrap-t2{ padding:0 6.5% } .j2 .pdp-info-wrap .product-img .slide-next-t3,.j2 .pdp-info-wrap .product-img .slide-prev-t3,.j3 .pdp-info-wrap .product-img .slide-next-t3,.j3 .pdp-info-wrap .product-img .slide-prev-t3{ opacity:1!important } .j2 .pdp-info-wrap .product-cont .select-color [class*=color-]{ width:38px; height:38px } .j1 .pdp-kv-wrap .kv-tab .kv-cont .title,.j2 .pdp-info-wrap .product-cont .product-name,.j2 .pdp-info-wrap .product-cont .product-name .product-marvel-name{ font-size:40px } .j2 .pdp-info-wrap .product-cont .product-name span{ font-size:34px } .j2 .pdp-info-wrap .product-img .img-preview,.product-wrap .product-list>li{ margin-top:25px } .j2 .pdp-info-wrap .product-img .img-preview>span a{ width:45px; height:45px } .j2 .pdp-info-wrap .product-img .img-preview>span a>img{ width:45px } .j1 .pdp-info-wrap .product-cont{ position:static; text-align:center } .j1 .pdp-info-wrap .product-cont .in-box{ position:static; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .j1 .pdp-info-wrap .product-cont .in-in-box{ position:static; padding-bottom:0; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .j1 .pdp-info-wrap .product-cont .product-name{ padding:0 2%; font-size:23px } .j1 .pdp-info-wrap .product-cont .product-name span{ font-size:19px } .j1 .pdp-info-wrap .product-cont .product-name .product-marvel-name{ font-size:23px } .j1 .pdp-info-wrap .product-cont .select-color [class*=color-]{ width:24px; height:24px } .j1 .pdp-info-wrap .product-img{ float:none; width:100%; margin-top:30px; padding:0 } .j1 .product-list>li a figure img{ max-width:300px } .j1 .pdp-info-wrap .product-img .img-preview{ margin:30px 0 15px } .j1 .pdp-info-wrap .product-img .img-preview>span{ margin:0 .833vw } .j1 .pdp-info-wrap .product-img .img-preview>span a{ width:44px; height:44px; border-width:1px } .j1 .pdp-info-wrap .product-img .img-preview>span a>img{ width:44px } .pdp-info-wrap .product-img .img-preview,.product-specs .product{ font-size:0 } .product-specs .product>div>.btn-buy{ min-width:406px; margin:0 6px 12px; padding:0 10px } .j2 .product-specs .product>div>.btn-buy{ min-width:355px; padding:0; font-size:20px } .stacks-list .product-list>li a .buy{ min-height:70px } .jt .stacks-list .product-list>li .in-box{ padding:30px 5% 60px } .jt .stacks-list .product-list>li{ padding:0 7px } .j2 .pdp-acc .sticky-menu.v-isrt-l .btn-buy{ width:250px!important } .j1 .pdp-acc .sticky-menu.v-isrt-l.float .btn-buy{ width:145px!important; font-size:12px } .specs-wrap{ padding-top:75px; } .product-specs .product{ padding-bottom:90px; text-align:center } .product-specs .product .img{ padding:65px 0 px } .product-specs .product .img img{ display:inline-block!important; width:400px } .product-specs .product .btn-buy{ display: inline-block; min-width: 200px; height: 50px; margin: 10px 5px; padding: 5px 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 18px; font-family: "SamsungSharpSans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: 700; text-align: center; line-height: 40px; background: #000; border-radius: 25px; } .product-specs .product .btn-buy1 { display: inline-block; margin: 5px; /* padding: 4px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 18px; font-family: "SamsungSharpSans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: 700; text-align: center; line-height: 40px; border-bottom: 2px solid #000; } .product-specs .product .btn-buy2 { display: inline-block; margin: 5px; /* padding: 4px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 18px; font-family: "SamsungSharpSans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: 700; text-align: center; line-height: 40px; border-bottom: 2px solid #000; } .links-arrow{ display: inline-block; vertical-align: middle; position: relative; width: 22px; margin: 0 4px; } .links-arrow span{ background-image: url(//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-z-flip6/images/icon_page_link2.png?$ORIGIN_PNG$); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; width: 16px; height: 16px; margin-top: -1px; } #contents img,.product-specs .specs-view .view-more.on .btnarea .btn-more-t1{ vertical-align:top } .j1 .pdp-info-wrap,.j2 .specs-wrap{ padding-top:35px } .j2 .product-specs .specs-view .list li{ width:50%; min-height:282px; padding:55px 2% 0; border-left:1px solid #e7e7e8 } .j2 .product-specs .specs-view .list li .desc{ font-size:15px } .j2 .product-specs .specs-view .view-more{ padding:25px 30px 20px } .j1 .specs-wrap{ padding-top:20px } .j1 .product-specs .product{ padding-bottom:30px } .j1 .product-specs .product .img{ padding:45px 0 40px } .j1 .product-specs .product .img img{ width:200px } .j1 .product-specs .product .btn-buy{ display:block; min-width:auto; height:50px; margin:0 15px 5px; padding:0 5px; font-size:16px; line-height:50px } .j1 .product-specs .specs-view .list li{ float:none; width:100%; min-height:105px; padding:7px 2% 0; border-left:0 } .j1 .product-specs .specs-view .list li .value .in{ height:69px; font-size:18px; line-height:23px } .j1 .product-specs .specs-view .list li .desc{ font-size:12px; line-height:18px } .j1 .product-specs .specs-view .view-more{ padding:13px 15px } .j1 .product-specs .specs-view .view-more.on .btnarea{ margin:30px 0 7px } .tab-bar{ position:absolute; top:57px; left:0; height:4px; background:#000; -webkit-transition:.35s; -o-transition:.35s; transition:.35s } [class*=tab-t] .tab-bar{ top:auto!important; bottom:0!important } </style> <!-- // 1. Header Contents --> <!-- 2. Body Contents --> <div id="contents" class="flagship-contents highlights is-dotcom"> <!-- KV --> <div id="KV" class="highlights-kv"> <div class="common-inner highlights-kv__inner"> <div class="highlights-kv__content"> <div class="highlights-kv__text"> <h1 class="highlights-kv__headline">Galaxy S24</h1> <div class="highlights-kv__ai-wrap"> <figure> <picture> <source media="(min-width:1024px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-ai-text-a.jpg?imbypass=true"> <source media="(min-width:768px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-ai-text-a-tb.jpg?imbypass=true"> <source media="(max-width:767px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-ai-text-a-mo.jpg?imbypass=true"> <img src="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-ai-text-a.jpg?imbypass=true" alt="Galaxy AI is here"> </picture> </figure> </div> <!--<p class="highlights-kv__description">Get an instant discount when you trade in your old smartphone.</p>--> <p class="highlights-kv__disclaimer">2024年4月11日発売の最新モデル! Galaxy AIを搭載したフラッグシップスマートフォンがついに登場!</p> <div class="highlights-kv__cta-area shop-status"> <a href="#" class="common-cta-encased shop-status__buy-now" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:key-vis^img:conv-pdt:buy-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="buy now" ga-la="galaxy-s24:highlights:key-vis^img:conv-pdt:buy-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased shop-status__pre-reserve" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:key-vis^img:conv-pdt:reserve-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="reserve now" ga-la="galaxy-s24:highlights:key-vis^img:conv-pdt:reserve-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased shop-status__pre-order" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:key-vis^img:conv-pdt:pre-order-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="pre-order now" ga-la="galaxy-s24:highlights:key-vis^img:conv-pdt:pre-order-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased shop-status__wheretobuy" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:key-vis^img:conv-pdt:where-to-buy|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="where to buy" ga-la="galaxy-s24:highlights:key-vis^img:conv-pdt:where-to-buy"> <span class="common-cta-encased__text">取扱サイトを探す</span> </a> </div> </div> <figure class="highlights-kv__image"> <picture> <source media="(min-width:1024px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv.jpg?imbypass=true"> <source media="(min-width:768px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-tb.jpg?imbypass=true"> <source media="(max-width:767px)" srcset="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv-mo.jpg?imbypass=true"> <img src="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-kv.jpg?imbypass=true" alt="前方からコバルトバイオレットのGalaxy S24+が映り、後方からアンバーイエローのGalaxy S24が映る"> </picture> </figure> </div> <div class="highlights-kv__bottom-disclaimer-list-wrap"> <ul class="highlights-kv__bottom-disclaimer-list" role="list"> <li class="highlights-kv__bottom-disclaimer-item" role="listitem">*モデルやカラーバリエーションは、国や地域、キャリアにより異なる場合があります。</li> </ul> </div> </div> </div> <!-- Overview --> <div id="overview" class="highlights-overview"> <div class="common-inner"> <div class="highlights-overview__textbox"> <h2 class="common-headline"> <span class="common-text">Galaxy AI is here</span> </h2> <p class="common-description"> <span class="common-text">モバイルAIの時代へようこそ。Galaxy S24があれば、新次元の創造性や生産性、可能性を解き放つことができます。いまや人生で最も重要なデバイスであるスマートフォンの新時代へと誘います。</span> </p> <p class="common-description"> <strong class="common-text">最高水準のスマートフォンをぜひ体験してください。</strong> </p> </div> <div class="highlights-overview__contents"> <div class="highlights-overview__carousel"> <div class="highlights-overview__carousel-wrapper"> <div class="highlights-overview__carousel-wrap js-overview-carousel"> <div class="highlights-overview__carousel-slides swiper-wrapper"> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="かこって検索の概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-circle-to-search_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-circle-to-search-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-circle-to-search-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-start_2.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-start-tb_2.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-start-mo_2.jpg" aria-hidden="true" alt=""> <p class="blind">ウェブブラウザアプリでブログのページが開いています。ブログページ上のテキスト、「トルネードポテト」が丸でかこまれています。トルネードポテトの検索結果がアプリ上にポップアップ表示されました。ポップアップを上にドラッグすると、Googleの検索結果が全画面で表示されます。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="リアルタイム通訳の概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-live-translate-j" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-live-translate-j-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-live-translate-j-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translate-j-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translate-j-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translate-j-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">通話がリアルタイムで翻訳される。対話が2言語でのテキスト会話として画面上に表示される。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="通訳の概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-interpreter" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-interpreter-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-interpreter-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">「通訳」アプリに、2つの言語の会話が書き起こされてリアルタイムで翻訳されている。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="Transcript Assistの概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-transcript-assist" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-transcript-assist-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-transcript-assist-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">録音した音声の文字起こしでは、対話が発話者別に表示される。クリップを再生すると、音声に同調して単語がハイライトされる。続いて、録音の概略的な要約が生成される。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシストの概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-photo-assist" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-photo-assist-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-photo-assist-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">1枚の写真が編集されている。被写体が選ばれ、サイズが変更された後、写真の別の場所へと移動される。その後、被写体のあった場所が埋められる。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> <div class="highlights-overview__carousel-slide swiper-slide"> <div class="highlights-overview__carousel-video"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシストの概要動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-chat-assist" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-chat-assist-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-overview-chat-assist-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">テキストメッセージの会話を外国語で表示している。ポップアップバブルが「tap to translate」と表示している。タップすると、バブルはドロップダウンの付いたバーに変わり、言語のインプット/アウトプット メニューを表示する。それぞれのメッセージバブルは、オリジナルのメッセージと翻訳の両方を表示している。</p> </figure> </div> </div> <div class="highlights-overview__progress-wrap js-progress-wrap"> <span class="highlights-overview__progress-bar js-progress-bar"></span> </div> </div> </div> </div> </div> <div class="highlights-overview__carousel-arrows"> <button type="button" class="swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:overview:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:overview:arrow:next"> <span class="blind">次へ</span> </button> <button type="button" class="swiper-button-prev swiper-button-disabled" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:overview:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:overview:arrow:previous"> <span class="blind">前に戻る</span> </button> </div> </div> <div class="highlights-overview__info-and-navi"> <div class="highlights-overview__info"> <div class="highlights-overview__info-item is-active is-visible"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title">かこって検索<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-1"></a></sup></strong> </div> <div class="common-cta-area highlights-overview__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="circle-to-search-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:lypu-open:circle-to-search-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:lypu-open:circle-to-search-experience" title="丸でかこって探す"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-overview__info-cta-area"> <a href="#circle-to-search" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:circle-to-search" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:circle-to-search"> <span class="common-cta-encased__text">かこって検索に移動</span> </a> </div> </div> <div class="highlights-overview__info-item"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title">リアルタイム通訳<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-2"></a></sup> </strong> </div> <div class="common-cta-area highlights-overview__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="live-translate-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:lypu-open:live-translate-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:lypu-open:live-translate-experience" title="外国語でのコミュニケーション"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-overview__info-cta-area"> <a href="#live-translate" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:live-translate" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:live-translate"> <span class="common-cta-encased__text">リアルタイム通訳に移動</span> </a> </div> </div> <div class="highlights-overview__info-item"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title"> 通訳<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-3"></a></sup> </strong> </div> <div class="highlights-overview__info-cta-area"> <a href="#interpreter" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:interpreter" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:interpreter"> <span class="common-cta-encased__text">通訳に移動</span> </a> </div> </div> <div class="highlights-overview__info-item"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title">レコーディングアシスト<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-3"></a></sup> </strong> </div> <div class="highlights-overview__info-cta-area"> <a href="#transcript-assist" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:transcript-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:transcript-assist" title="AIが録音を要約可能"> <span class="common-cta-encased__text">レコーディングアシストに移動</span> </a> </div> </div> <div class="highlights-overview__info-item"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title">フォトアシスト<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup> </strong> </div> <div class="common-cta-area highlights-overview__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="generative-edit-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:lypu-open:photo-assist-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:lypu-open:photo-assist-experience" title="フォトアシストで写真のリサイズもリタッチも"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-overview__info-cta-area"> <a href="#generative-edit" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:photo-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:photo-assist" title="サイズ変更してレタッチ。あっという間に完成"> <span class="common-cta-encased__text">フォトアシストに移動</span> </a> </div> </div> <div class="highlights-overview__info-item"> <div class="highlights-overview__info-text"> <strong class="highlights-overview__info-title"> チャットアシスト<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-37"></a></sup> </strong> </div> <div class="common-cta-area highlights-overview__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="chat-assist-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:lypu-open:chat-assist-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:lypu-open:chat-assist-experience" title="リアルタイムのテキスト翻訳"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-overview__info-cta-area"> <a href="#chat-assist" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--feature js-bg-img" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:anchor:chat-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:anchor:chat-assist"> <span class="common-cta-encased__text">チャットアシストに移動</span> </a> </div> </div> </div> <div class="highlights-overview__navigation"> <ul class="highlights-overview__navigation-inner swiper-wrapper" role="list"> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap is-active"> <button type="button" title="" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-1" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:circle-to-search" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:circle-to-search"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail-active.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-circle-to-search-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text" id="overview-thumbtext-1" aria-hidden="true">かこって検索</span> </div> </li> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap"> <button type="button" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-2" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:live-translate" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:live-translate"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail-active.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-live-translation-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text" id="overview-thumbtext-2" aria-hidden="true">リアルタイム通訳</span> </div> </li> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap"> <button type="button" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-3" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:interpreter" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:interpreter"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail-active.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-interpreter-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text is-english" id="overview-thumbtext-3" aria-hidden="true"> 通訳 </span> </div> </li> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap"> <button type="button" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-4" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:transcript-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:transcript-assist"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail-active.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-transcript-assist-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text" id="overview-thumbtext-4" aria-hidden="true">レコーディングアシスト</span> </div> </li> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap"> <button type="button" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-5" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:photo-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:photo-assist"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail-active.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-photo-assist-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text" id="overview-thumbtext-5" aria-hidden="true">フォトアシスト</span> </div> </li> <li class="highlights-overview__navigation-listitem swiper-slide" role="listitem"> <div class="highlights-overview__navigation-button-wrap"> <button type="button" class="highlights-overview__navigation-button" aria-labelledby="overview-thumbtext-6" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:slct:chat-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:slct:chat-assist"> <span class="highlights-overview__navigation-button-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail-mo.jpg" aria-hidden="true" alt=""> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail-active.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail-active-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-chat-assist-thumbnail-active-mo.jpg" aria-hidden="true" alt=""> </span> </button> <span class="highlights-overview__navigation-button-text is-english" id="overview-thumbtext-6" aria-hidden="true"> チャットアシスト </span> </div> </li> </ul> </div> </div> </div> <div class="highlights-overview__banner"> <div class="highlights-overview__banner-inner"> <div class="highlights-overview__banner-text"> <span class="highlights-overview__banner-title"> お手持ちのスマートフォンでTry Galaxy </span> <span class="highlights-overview__banner-description"> QRコードをスキャン、または<a href="https://trygalaxy.com/?utm_source=samsungcoms24&utm_medium=link&utm_campaign=trygalaxy2024" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview^try-galaxy:page:try-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview^try-galaxy:page:try-galaxy" style="display: inline !important; text-decoration: underline;">trygalaxy.com</a>にアクセスしてご体験ください! </span> <div class="highlights-overview__banner-cta"> <a href="https://trygalaxy.com/?utm_source=samsungcoms24&utm_medium=link&utm_campaign=trygalaxy2024" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview^try-galaxy:page:try-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview^try-galaxy:page:try-galaxy"> <span class="common-cta-underline__text">trygalaxy.comを体験してみる</span> </a> </div> </div> <span class="highlights-overview__banner-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-try-galaxy.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-try-galaxy-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-overview-try-galaxy-mo.jpg" alt="QRコードでTry Galaxyにアクセスする"> </span> </div> </div> </div> </div> <!-- intro film --> <div class="highlights-intro-film"> <div class="common-inner"> <div class="highlights-tvc__wrap"> <ul class="highlights-tvc__list" role="list"> <li role="listitem" class="highlights-tvc__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-tvc__item-cta js-bg-img" data-youtube-id="oadR8aGdugg" data-youtube-title="Galaxy S24 Ultra公式映像:かこって検索 | Samsung" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:official-film" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:official-film"> <span class="highlights-tvc__item-title">公式動画</span> <span class="blind" aria-hidden="true">Galaxy S24 Ultra 夕暮れどき、リビングルームのソファに座っている二人。Galaxy S24 Ultraで動画を試聴する女性。ノートパソコンで作業中の男性。Galaxy S24 Ultraの画面をちらりと見る男性。ソファに座っている飼い犬に似ているデコレーションに気づく。検索ポータルでアイテムの詳細、「オレンジ 奇抜 犬のランプ」を入力しようとしています。結果が思ったものではなく、再度「オレンジ 奇抜 毛のない犬のような60年代の映画からの犬のランプ」と試します。長々と検索条件を入力していますが、思うような結果を得ることができません。免責事項:画像はシミュレーションしたイメージです。実際のAIとは異なる場合があります。すました笑みを浮かべる女性。画面の端にある検索ボタンをタップし、Googleでかこって検索を使用しています。指で画面に表示された動画の中のアイテムを丸でかこむと、ビジュアルの検索結果が表示されます。免責事項:画像はイメージです。シーケンスは省略。実際のUX/UIとは異なる場合があります。ネットワーク接続が必要です。検索機能の利用可能性および対応アプリは、国、言語、デバイスによって異なる場合があります。結果は合致するビジュアルによって異なる場合があります。Androidの最新バージョンへのアップデートが必要な場合があります。画面に表示された検索結果を見ながら驚いた様子の男性。丸でかこって探す。次のシーンでは、スマートフォンの視点で、画面に丸を描いている男性。驚愕の検索機能の登場です。好奇心をそそられるような表情から、驚いた様子へと変わります。次のシーンに切り替わり、Galaxy S24 Ultraが2台現れます。1つは正面から、もう1つは上部にSペンが置かれたデバイスの背後からの画像が映ります。Samsungドットコム。免責事項:カラー展開は、国やキャリアにより異なる場合があります。Samsungロゴ。</span> </button> </li> <li role="listitem" class="highlights-tvc__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-tvc__item-cta js-bg-img" data-youtube-id="IcXCEaZTh-o" data-youtube-title="Galaxy S24 Ultra:公式紹介動画 | Samsung" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:overview:movi-play:official-intro-film" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:overview:movi-play:official-intro-film"> <span class="highlights-tvc__item-title">公式紹介動画</span> <span class="blind" aria-hidden="true">Galaxy S24 Ultraの影を帯びたシルエット。デバイスのサイドの最大クローズアップ画像。デバイスの背後からライトアップされています。次のシーンで粋なカフェに座っているスチュアートにすばやく切り替わります。その向かいにはデバイスをデモするトムが座っています。Galaxy AIの素晴らしいデモ。こんなに簡単。次のシーンは映像スタジオが表示されます。リビングルームを再現したセットです。デモ1. かこって検索。手にGalaxy S24 Ultraを持ち、ソファに座っている俳優たち。撮影用モニターにはデバイスの画面がアップで映し出されています。デバイスで画面上の対象物をGoogleで検索するためにかこって検索を使用しています。その対象物に似た結果が表示され、俳優がその結果をスクロールしています。次のシーンでは、若い女性が地下鉄に乗っています。若い女性がSペンでデバイスの画面に表示されたテキストを丸でかこみ、Google検索の結果を見ています。地下鉄の車内の様子が映し出され、ソーシャルメディアの絵を丸でかこんでいる別の女性が見えます。免責事項:ネットワーク接続が必要です。検索機能の利用可能性および対応アプリは、国、言語、デバイスによって異なる場合があります。結果は合致するビジュアルによって異なる場合があります。最新バージョンのAndroidへのアップデートが必要な場合があります。デモ2. リアルタイム通訳(Live Translate)。地下鉄から降り、プラットフォームを歩いているところがその人の視線で描かれます。その人物はContactsをスクロールして、通話を開始します。その人物は、通話アシスト、リアルタイム通訳の順にタップします。電話での会話の内容が画面に元の言語と、翻訳済み言語でテキストとして表示されます。免責事項:Live Translateには、ネットワークへの接続とSamsungアカウントへのログインが必要です。リアルタイム通訳は、Samsung「電話」がプリインストールされている場合のみ利用できます。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の正確性は保証いたしません。Galaxy AIの各種機能は、2025年末まで、サポート対象のSamsung Galaxyデバイス上で無料にて提供されます。第三者により提供される一部のAI機能の利用により、サービス料金が発生する可能性があります。分割された画面に通話中の二人が表示されます。電話を受けたのはプロセッサの専門家であるジンアです。研究所で女性はデバイスを分解する様子を映し出した動画を再生しています。デモ3. 最高のプロセッサ。次のシーンでマザーボード上のプロセッサが表示されます。NPU。AI処理より41%高速。GPU。グラフィック体験を30%改善。CPU。計算機能が20%パワフル。免責事項:Galaxy S23 Ultraと比較した場合。次のシーンで地下鉄の駅のベンチに腰掛け、スマートフォンを使用するトムの様子が映し出されます。次に、Arena Breakoutでレイトレーシングのありとなしを並べて比較する画面の正面が見えます。この機能を有効にすると、レイトレーシングがゲームで強化された映像と影をリアルタイムで追加します。免責事項:Arena Breakout © Proxima Beta Pte. Limited. All Rights Reserved. その他すべての商標、ロゴ、および著作権はそれぞれの所有者に帰属します。Samsung Galaxy Store、および一部の国では他のアプリストアでご購入いただけます。次のシーンは、デバイス内部のベイパーチャンバーが描かれ、熱が分散されていることがわかります。小さな画像で始まり、次第に大きくなり92%まで大きくなった様子が表示されます。免責事項:該当するGalaxy S23モデルと比較。デモ4. チタニウムの堅牢性。Galaxy S24 Ultraが大きく描き出されたズボンのポケットに落ちる様子が描かれています。下向きに浮かんでいるときに、フレームに光が当たっています。免責事項:チタニウムはデバイスのフレームにのみ使用されています。フレームには、音量やサイドキーは含まれていません。指で軽くたたくと、回転します。ディスプレイから3層の素材が現れます。Corning® Gorilla® Armor。レイヤーが再び組み合わさり、デバイスにスチュアートから電話がかかってきます。デモ5. 究極のAIカメラ。ProVisual engine。免責事項:AIズームはデジタルズームの距離に適用されます。結果の正確性は保証いたしません。次のシーンでピクセルが写真に向かって上に伸びます。ぼやけた不鮮明な写真から鮮明でカラフルな写真に変化します。Tomorrow X Togetherのロゴ。同じ写真が、2倍、3倍、5倍、および10倍のズームで表示されます。それぞれで、対象の顔がクローズアップされます。最後に10倍ズームがはっきりと、詳細に表示されます。次のシーンでは60%大きいピクセルが表示されます。4つのピクセルのブロックが1つのブロックに融合されます。5,000万画素のズームセンサーとよりワイドなOIS。背面カメラの極端なクローズアップショットが表示されます。次に、コンサート会場のステージにいる演者の写真を撮る観客が映し出されます。ナイトグラフィー。Galaxy S24 Ultraで5倍ズームで撮影された写真。免責事項:結果は明るさの条件および/または撮影時の条件により異なります。次のシーンで、ギャラリーアプリで写真が開き、編集モードになります。AI編集エディット。ステージの前列にいる観客が選ばれ、写真の上を移動します。AI編集エディットが観客のいた場所のピクセルをペイントします。コンサートの観客の一人が編集した写真をほれぼれと眺めます。免責事項:AI編集エディットには、ネットワークへの接続とSamsungアカウントへのログインが必要です。AI編集エディットで編集すると、写真は最大1,200万画素にリサイズされます。生成結果の正確性および信頼性は保証いたしません。次に、デジタルの光がGalaxy S24 Ultraの輪郭を縁取ります。デバイスの底にあるソケットからSペンが出てきます。デバイスがスクリーンに変わります。ロック画面が解除され、Notesアプリに切り替わります。Sペンを使用して、音声ファイルの採譜(トランスクリプション)をナビゲートします。SペンがSummaryタブをタップします。採譜のシンプルな要約が生成されます。免責事項:レコーディングアシストには、ネットワークへの接続とSamsungアカウントへのログインが必要です。レコーディングアシストは、プリインストールされたSamsung「ボイスレコーダー」アプリ上か、プリインストールされたSamsung「電話」アプリを使用して録音したファイルでしか利用できません。プリインストールされたSamsung「電話」アプリの録音機能は、一部の国ではサポートされていない場合があります。処理する音声ファイルの長さは3時間未満である必要があります。レコーディングアシストの要約機能は、特定の文字数を満たすと有効になります。言語によってサービスを利用できない場合があります。結果の正確性は保証いたしません。次に、Galaxy AIが表示されます。Galaxy S24 Ultraデバイスが2台現れます。1つは正面から、もう1つは上部にSペンが置かれたデバイスの背後からの画像が映ります。Samsungドットコム。Samsungロゴ。免責事項:カラーバリエーションは、国や地域、キャリアにより異なる場合があります。画像はイメージです。実際のUX/UIとは異なる場合があります。動画は一部省略。</span> </button> </li> </ul> </div> <div class="highlights-media-quote"> <div class="highlights-media-quote__inner"> <div class="highlights-media-quote__list-wrap swiper-container"> <div class="highlights-media-quote__list swiper-wrapper"> <div class="swiper-slide highlights-media-quote__item"> <div class="highlights-media-quote__content"> <p class="highlights-media-quote__topic">概要</p> <p class="highlights-media-quote__text">「バッテリー容量アップ、画面の明るさアップ、AIの性能アップ」</p> <p class="highlights-media-quote__media">ウェブメディア「CNET」</p> </div> </div> <div class="swiper-slide highlights-media-quote__item"> <div class="highlights-media-quote__content"> <p class="highlights-media-quote__topic">Galaxy AI</p> <p class="highlights-media-quote__text">「AIを搭載した新時代のスマートフォン」</p> <p class="highlights-media-quote__media">月刊誌「GQ」</p> </div> </div> <div class="swiper-slide highlights-media-quote__item"> <div class="highlights-media-quote__content"> <p class="highlights-media-quote__topic">Galaxy AI</p> <p class="highlights-media-quote__text">「Galaxy AIで、未来のスマートフォンを手にしたよう」</p> <p class="highlights-media-quote__media">ウェブメディア「Inverse」</p> </div> </div> </div> </div> <div class="highlights-media-quote__arrow"> <button type="button" class="swiper-button-next highlights-media-quote__arrow-button" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:overview:media-quote:arrow:right" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:overview:media-quote:arrow:right"> <span class="blind">次へ</span> </button> <button type="button" class="swiper-button-prev highlights-media-quote__arrow-button" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:overview:media-quote:arrow:left" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:overview:media-quote:arrow:left"> <span class="blind">前へ</span> </button> </div> <ul class="highlights-media-quote__pagination swiper-pagination" data-tagging="galaxy-s24:highlights:overview:media-quote" role="list"></ul> </div> </div> </div> </div> <!-- Design > --> <section class="highlights-design"> <div id="design" class="highlights-form-factor"> <h2 class="common-inner common-headline"> <span class="common-text">曲線美が叶える実用性</span> </h2> <div class="highlights-form-factor__video"> <div class="highlights-form-factor__video-inner"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="15" data-reverse-point="" data-mo-start-point="15" data-mo-reverse-point="85"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォームファクタの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:design^form-factor:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:design^form-factor:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-form-factor" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-form-factor-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-form-factor-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-form-factor-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-form-factor-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-form-factor-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">Galaxy S24 Plusの角への最大ズームアップ。デバイスがゆっくり裏返る。次に、クローズアップのショットがサイドキーから始まり、リアパネルへと回り込む。次に、背面からデバイス全体が映し出される。</p> </figure> </div> </div> </div> <p class="common-inner common-description highlights-form-factor__description"> <span class="common-text">握りやすく、手になじむ。統一感あるデザインとサテン仕上げで、Galaxy S24は見た目どおりのなめらかな触りごこち。</span> </p> </div> <div id="upgrades" class="highlights-design-display"> <div class="common-inner"> <div class="highlights-design-display__inner"> <div class="common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">より大きく、より速く<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-5"></a></sup> --> </span> </h2> <p class="common-description"> <span class="common-text">待ち望んでいたアップグレードです。画面も、バッテリーも、そして処理能力も向上。<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> Galaxy S24には新たな性能が満載です。</span> </p> </div> <div class="highlights-design-display__image"> <div class="highlights-design-display__image-inner"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-comparison_1.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-comparison-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-comparison-mo_1.jpg" alt="アンバー イエローのGalaxy S24とコバルト バイオレットのGalaxy S24 Plusが前方から映っている。"> </div> </div> <div class="common-cta-area highlights-design-display__cta"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--popup js-bg-img js-layer-popup" data-hash="s24-vs-s24-plus" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:design^upgrades:lypu-open:s24-vs-s24-plus" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:design^upgrades:lypu-open:s24-vs-s24-plus" style="display: none !important;"> <span class="common-cta-encased__text">Galaxy S24とS24+の比較</span> </button> </div> </div> </div> </div> <div id="s24-vs-s24-plus" class="flagship-contents highlights common-popup highlights-design-spec-popup" role="dialog" aria-modal="true"> <div class="common-popup__inner-wrapper"> <div class="common-popup__inner-wrap"> <div class="common-popup__inner"> <div class="common-popup__close common-popup__close--top"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera-popup^s24-vs-s24-plus:lypu:lypu-close:close1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera-popup^s24-vs-s24-plus:lypu:lypu-close:close1"> <span class="blind">レイヤーポップアップを閉じる</span> </button> </div> <div class="common-popup__content-wrap"> <div class="common-popup__content-area"> <div class="common-popup__content"> <div class="common-popup__text"> <h3 id="specDescripion" class="common-popup__title"> <span class="common-text">あなたの理想の1台をセレクト</span> </h3> <p class="common-popup__description"> <span class="common-text">どちらのデバイスも性能が向上しています。 <!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> Galaxy S24とS24+の違いをご覧ください。</span> </p> </div> <div role="table" aria-describedby="specDescripion" class="highlights-design-spec-popup__content"> <div role="row" class="highlights-design-spec-popup__title"> <span role="columnheader">Galaxy S24</span> <span role="columnheader">Galaxy S24+</span> </div> <div role="rowgroup" class="highlights-design-spec-popup__table"> <div role="row" class="highlights-design-spec-popup__table-row"> <span role="rowheader" class="highlights-design-spec-popup__table-title">サイズ<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-7"></a></sup> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">約6.2インチ</span> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-size.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">約6.7インチ</span> </span> </div> <div role="row" class="highlights-design-spec-popup__table-row"> <span role="rowheader" class="highlights-design-spec-popup__table-title">解像度</span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">FHD+</span> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-resolution.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">QHD+</span> </span> </div> <div role="row" class="highlights-design-spec-popup__table-row"> <span role="rowheader" class="highlights-design-spec-popup__table-title">バッテリー容量(標準)<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-8"></a></sup> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">4,000mAh</span> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-battery.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">4,900mAh</span> </span> </div> <div role="row" class="highlights-design-spec-popup__table-row"> <span role="rowheader" class="highlights-design-spec-popup__table-title">メモリ</span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">8GB</span> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-ram.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">12GB</span> </span> </div> <div role="row" class="highlights-design-spec-popup__table-row"> <span role="rowheader" class="highlights-design-spec-popup__table-title">超広帯域</span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-data" aria-hidden="true">-</span> <span class="blind">利用不可</span> </span> <span role="cell" class="highlights-design-spec-popup__table-info"> <span class="highlights-design-spec-popup__table-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-uwb.svg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-uwb.svg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-design-spec-popup-uwb.svg" aria-hidden="true" alt=""> </span> <span class="highlights-design-spec-popup__table-data">UWB</span> </span> </div> </div> </div> </div> </div> <div class="common-popup__close common-popup__close--bottom"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera-popup^s24-vs-s24-plus:lypu:lypu-close:close2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera-popup^s24-vs-s24-plus:lypu:lypu-close:close2"> <span class="common-popup__close-text">閉じる</span> </button> </div> </div> </div> <div class="common-popup__dimmed"></div> </div> </div> </div> <div id="colors" class="highlights-color"> <div class="highlights-color__content-wrap"> <div class="common-inner"> <div class="common-textbox"> <h2 class="common-sub-headline"> <span class="common-text">鉱物にインスピレーションを受けたカラー<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-9"></a></sup> </span> </h2> <div class="common-cta-area"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--popup viewer-btn js-bg-img" data-hash="see-in-360" data-model-name="galaxy-s24" data-model-color="cobalt-violet" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:design^colors:lypu-open:see-in-360" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:design^colors:lypu-open:see-in-360"> <span class="common-cta-encased__text">360°で見る</span> </button> </div> </div> </div> <div class="highlights-color__carousel"> <div class="highlights-carousel__inner"> <div class="highlights-color__carousel-content"> <div class="swiper-container highlights-color__carousel-container"> <div class="swiper-wrapper highlights-color__carousel-wrap"> <div class="swiper-slide highlights-color__carousel-slide" data-colortype="false"> <div class="highlights-color__carousel-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-jp.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-global-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-jp-mo.jpg" alt="3台のGalaxy S24(ギャラクシーエス24)が、背面を向いて配置。オニキスブラックとコバルトバイオレットとアンバーイエローの3色とも、斜め右を向いている状態。"> </div> </div> <!-- <div class="swiper-slide highlights-color__carousel-slide" data-colortype="true"> <div class="highlights-color__carousel-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-exclusive.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-exclusive-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-carousel-exclusive-mo.jpg" alt="Galaxy S24 Series device in Amber Yellow, then devices in online exclusive colours Jade Green, Sapphire Blue and Sandstone Orange."> </div> <div class="highlights-color__carousel-exclusive"> <p class="highlights-color__carousel-exclusive-text">オンラインのみで販売(Globalモデル)</p> </div> </div> --> </div> <!-- <div class="highlights-color__arrows"> <button type="button" class="highlights-color__arrow highlights-color__arrow--next swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:design^colors:arrow:next"> <span class="blind">次へ</span> </button> <button type="button" class="highlights-color__arrow highlights-color__arrow--prev swiper-button-prev swiper-button-disabled" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:design^colors:arrow:previous"> <span class="blind">前に戻る</span> </button> </div> --> </div> <div class="swiper-pagination-wrap"> <!-- <ul role="list" class="swiper-pagination highlights-color__pagination"></ul> --> </div> </div> </div> </div> <div class="highlights-color__content"> <div class="highlights-color__tab-area"> <div class="highlights-color__tab-inner"> <div class="highlights-color__tab-colors"> <div class="swiper-container"> <ul class="highlights-color__tab swiper-wrapper" role="tablist"> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-amber-yellow is-active" role="tab" aria-controls="amber-yellow" aria-selected="true" aria-labelledby="color-amber-yellow" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^colors:slct-color:amber-yellow" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^colors:slct-color:amber-yellow"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-onyx-black" role="tab" aria-controls="onyx-black" aria-selected="false" aria-labelledby="color-onyx-black" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^colors:slct-color:onyx-black" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^colors:slct-color:onyx-black"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-cobalt-violet" role="tab" aria-controls="cobalt-violet" aria-selected="false" aria-labelledby="color-cobalt-violet" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^colors:slct-color:cobalt-violet" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^colors:slct-color:cobalt-violet"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <!-- <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-marble-gray" role="tab" aria-controls="marble-gray" aria-selected="false" aria-labelledby="color-marble-gray" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^colors:slct-color:marble-gray" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^colors:slct-color:marble-gray"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-jade-green" role="tab" aria-controls="jade-green" aria-selected="false" aria-labelledby="color-jade-green" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^exclusivecolors:slct-color:jade-green" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^exclusivecolors:slct-color:jade-green"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-sapphire-blue" role="tab" aria-controls="sapphire-blue" aria-selected="false" aria-labelledby="color-sapphire-blue" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^exclusivecolors:slct-color:sapphire-blue" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^exclusivecolors:slct-color:sapphire-blue"> <span class="highlights-color__tab-colorchip"></span> </button> </li> <li class="highlights-color__tab-item swiper-slide" role="presentation"> <button type="button" class="highlights-color__tab-button highlights-color__tab-sandstone-orange" role="tab" aria-controls="sandstone-orange" aria-selected="false" aria-labelledby="color-sandstone-orange" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:design^exclusivecolors:slct-color:sandstone-orange" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:design^exclusivecolors:slct-color:sandstone-orange"> <span class="highlights-color__tab-colorchip"></span> </button> </li> --> </ul> </div> <div class="highlights-color__tab-navigation"> <button type="button" class="swiper-button-prev highlights-color__navigation-arrow highlights-color__navigation-arrow--prev" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:colorchip:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:design^colors:colorchip:arrow:previous"> <span class="blind">前に戻る</span> </button> <button type="button" class="swiper-button-next highlights-color__navigation-arrow highlights-color__navigation-arrow--next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:colorchip:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:design^colors:colorchip:arrow:next"> <span class="blind">次へ</span> </button> </div> </div> <div class="highlights-color__tab-names"> <span class="highlights-color__tab-name is-active" id="color-amber-yellow" aria-hidden="true">アンバー イエロー</span> <span class="highlights-color__tab-name" id="color-onyx-black" aria-hidden="true">オニキス ブラック</span> <span class="highlights-color__tab-name" id="color-cobalt-violet" aria-hidden="true">コバルト バイオレット</span> <span class="highlights-color__tab-name" id="color-marble-gray" aria-hidden="true">マーブル グレー</span> <span class="highlights-color__tab-name" id="color-jade-green" aria-hidden="true">ジェイド グリーン</span> <span class="highlights-color__tab-name" id="color-sapphire-blue" aria-hidden="true">サファイア ブルー</span> <span class="highlights-color__tab-name" id="color-sandstone-orange" aria-hidden="true">サンドストーン オレンジ</span> </div> </div> </div> <div class="highlights-color__tab-panel-group"> <div class="highlights-color__tab-panel-inner"> <div class="highlights-color__tab-panel is-active" id="amber-yellow" role="tabpanel" aria-hidden="true"> <p class="blind">アンバー イエローのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。<</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-amber-yellow-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> </div> <div class="highlights-color__tab-panel" id="onyx-black" role="tabpanel" aria-hidden="true"> <p class="blind">オニキス ブラックのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-onyx-black-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> </div> <div class="highlights-color__tab-panel" id="cobalt-violet" role="tabpanel" aria-hidden="false"> <p class="blind">コバルト バイオレットのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-cobalt-violet-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> </div> <div class="highlights-color__tab-panel" id="marble-gray" role="tabpanel" aria-hidden="true"> <p class="blind">Tマーブル グレーのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。.</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-marble-gray-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> </div> <div class="highlights-color__tab-panel" id="jade-green" role="tabpanel" aria-hidden="true"> <p class="blind">ジェイド グリーンのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> <p class="highlights-color__exclusive-badge">オンライン限定(Globalモデル)</p> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-jade-green-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> <div class="highlights-color__tab-exclusive"> <span class="highlights-color__tab-exclusive-text">オンラインのみで販売(Globalモデル)</span> </div> </div> <div class="highlights-color__tab-panel" id="sapphire-blue" role="tabpanel" aria-hidden="true"> <p class="blind">サファイア ブルーのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> <p class="highlights-color__exclusive-badge">オンライン限定(Globalモデル)</p> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sapphire-blue-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> <div class="highlights-color__tab-exclusive"> <span class="highlights-color__tab-exclusive-text">オンラインのみで販売(Globalモデル)</span> </div> </div> <div class="highlights-color__tab-panel" id="sandstone-orange" role="tabpanel" aria-hidden="true"> <p class="blind">サンドストーン オレンジのGalaxy S24の2台のデバイス。1台は縦置きで背面を表示。もう1台は横からの角度でフレームの縁が見えている。</p> <div class="highlights-color__image highlights-color__image--back"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-back.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-back-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-back-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"> <p class="highlights-color__exclusive-badge">オンライン限定(Globalモデル)</p> </div> </div> <div class="highlights-color__image highlights-color__image--side"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-side.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-side-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-sandstone-orange-side-mo.jpg" aria-hidden="true" alt=""> <div class="highlights-color__tab-panel-mask"></div> </div> <div class="highlights-color__tab-exclusive"> <span class="highlights-color__tab-exclusive-text">オンラインのみで販売(Globalモデル)</span> </div> </div> </div> </div> </div> <div class="common-inner"> <div class="common-accordion common-accordion--col-2"> <div class="common-accordion__wrap"> <div class="common-accordion__list" role="list"> <div class="common-accordion__item js-accordion-item js-bg-img" role="listitem"> <div class="common-accordion__title-wrap"> <h3 class="common-accordion__title"> <span id="color-accordion-item1-title">アーマーアルミニウムで強化</span> <button type="button" class="common-accordion__title-arrow js-accordion-cta" aria-expanded="false" aria-controls="color-accordion-item1" aria-labelledby="color-accordion-item1-title" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:acdn-open:durability" ga-ca="indication" ga-ac="accodion" ga-la="galaxy-s24:highlights:design^colors:acdn-open:durability"></button> </h3> </div> <div class="common-accordion__content-wrap js-accordion-content" id="color-accordion-item1" aria-hidden="true" tabindex="-1"> <div class="common-accordion__content"> <div class="common-accordion__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item1.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item1-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item1-mo.jpg" alt="Galaxy S24とS24 Plusの下部の縁のクローズアップ。"> </div> <p class="common-accordion__description"> <span class="common-text">ステンレススチールより軽量の改良された新しいアーマーアルミニウムが、常にデバイスを保護。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-10"></a></sup> この高級感のあるアルミニウムは、単に頑丈なだけでなく、冒険にぴったりです。 さらにIP68規格に準じた防水・防塵性能を備えているので、何があっても安心です。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-35"></a></sup></span> </p> </div> </div> </div> <div class="common-accordion__item js-accordion-item js-bg-img" role="listitem"> <div class="common-accordion__title-wrap"> <h3 class="common-accordion__title"> <span id="color-accordion-item2-title">鉱物にインスピレーションを受けたストーリー</span> <button type="button" class="common-accordion__title-arrow js-accordion-cta" aria-expanded="false" aria-controls="color-accordion-item2" aria-labelledby="color-accordion-item2-title" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:design^colors:acdn-open:color-story" ga-ca="indication" ga-ac="accodion" ga-la="galaxy-s24:highlights:design^colors:acdn-open:color-story"></button> </h3> </div> <div class="common-accordion__content-wrap js-accordion-content" id="color-accordion-item2" aria-hidden="true" tabindex="-1"> <div class="common-accordion__content"> <div class="common-accordion__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item2.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item2-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-color-accordion-item2-mo.jpg" alt="コバルト バイオレットのGalaxy S24 Plusの背面画像。"> </div> <p class="common-accordion__description"> <span class="common-text">地球でもっとも貴重な鉱物にインスピレーションを受けたこの印象的なカラーが、自然の力を感じさせてくれます。アンバー イエロー、オニキス ブラック、コバルト バイオレットの各カラーそれぞれが、確固たる存在感を放ちます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-9"></a></sup> </span> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Camera --> <section class="highlights-camera"> <div id="galaxy-ai" class="highlights-camera-ai"> <div class="highlights-camera-ai__bg"> <div class="highlights-camera-ai__gradient-white js-bg-img highlights-camera-ai__gradient-white--top"></div> <div class="highlights-camera-ai__gradient highlights-camera-ai__gradient--blue"></div> <div class="highlights-camera-ai__gradient highlights-camera-ai__gradient--green"></div> <div class="highlights-camera-ai__gradient-white js-bg-img highlights-camera-ai__gradient-white--bottom"></div> </div> <div class="highlights-camera-ai__inner"> <div class="common-inner"> <div class="highlights-camera-ai__fixed-track"> <p class="highlights-camera-ai__fixed-item"> <span class="common-headline highlights-camera-ai__fixed-title">Galaxy AI</span> </p> </div> </div> </div> </div> <div id="camera" class="highlights-resolution"> <div class="common-inner highlights-resolution__title"> <h2 class="common-headline"> <span class="common-text">ProVisual engineで細部まで美しく</span> </h2> </div> <div class="highlights-resolution__content"> <div class="highlights-resolution__image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution-mo.jpg" alt="鮮やかな50MP(5,000万画素)の峡谷の風景写真。"> </div> <div class="common-hashtag js-bg-img"> <!-- <span class="common-hashtag-text"> <span>Galaxy S24+で撮影</span> <span class="common-hashtag-inner">#withGalaxy</span> </span> --> </div> </div> <div class="common-inner highlights-resolution__inner"> <div class="common-textbox common-textbox--horizontal highlights-resolution__text"> <h2 class="common-sub-headline"> <span class="common-text">50MP(5,000万画素)の超メガピクセル</span> </h2> <div class="common-textbox__column"> <div class="common-textbox highlights-resolution__description"> <p class="common-description"> <span class="common-text">決して失望することのない、圧倒的なピクセル数。何年経っても色褪せない、高解像度のスナップ写真を残せます。</span> </p> <div class="common-cta-area highlights-resolution__cta"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--popup js-bg-img js-layer-popup" data-hash="camera-spec" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^high-resolution:lypu-open:camera-spec" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^high-resolution:lypu-open:camera-spec"> <span class="common-cta-encased__text">カメラを確認する</span> </button> </div> </div> </div> </div> </div> </div> <div id="camera-spec" class="flagship-contents highlights common-popup highlights-resolution-popup" role="dialog" aria-modal="true"> <div class="common-popup__inner-wrapper"> <div class="common-popup__inner-wrap"> <div class="common-popup__inner"> <div class="common-popup__close common-popup__close--top"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera-popup^camera-spec:lypu:lypu-close:close1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera-popup^camera-spec:lypu:lypu-close:close1"> <span class="blind">レイヤーポップアップを閉じる</span> </button> </div> <div class="common-popup__content-wrap"> <div class="common-popup__content-area"> <div class="common-popup__content"> <div class="common-popup__text"> <h3 class="common-popup__title"> <span class="common-text">カメラの詳細を見る</span> </h3> <p class="common-popup__description"> <span class="common-text">とびきりのセルフィーも、ワイドアングルやズームで撮影した写真も、このカメラならいつでも細部まで鮮明な1枚が撮れます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-11"></a></sup> </span> </p> </div> <div class="highlights-resolution-popup__detail"> <div class="highlights-resolution-popup__spec-content"> <span class="blind">アウト(メイン)カメラ</span> <div role="list" class="highlights-resolution-popup__spec highlights-resolution-popup__spec--rear"> <div role="listitem" class="highlights-resolution-popup__spec-item"> <span class="highlights-resolution-popup__spec-title">10MP(1,000万画素)</span> <span class="highlights-resolution-popup__spec-desc">光学3倍ズーム</span> <span class="highlights-resolution-popup__spec-line"></span> </div> <div role="listitem" class="highlights-resolution-popup__spec-item"> <span class="highlights-resolution-popup__spec-title">50MP(5,000万画素)</span> <span class="highlights-resolution-popup__spec-desc">広角&光学相当2倍ズーム<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-11"></a></sup></span> <span class="highlights-resolution-popup__spec-line"></span> </div> <div role="listitem" class="highlights-resolution-popup__spec-item"> <span class="highlights-resolution-popup__spec-title">12MP(1,200万画素)</span> <span class="highlights-resolution-popup__spec-desc">超広角 </span> <span class="highlights-resolution-popup__spec-line"></span> </div> </div> </div> <div class="highlights-resolution-popup__spec-content"> <span class="blind">インカメラ</span> <div class="highlights-resolution-popup__spec highlights-resolution-popup__spec--front"> <div class="highlights-resolution-popup__spec-item highlights-resolution-popup__spec-item--under"> <span class="highlights-resolution-popup__spec-title">12MP(1,200万画素)</span> <span class="highlights-resolution-popup__spec-desc">セルフィーカメラ</span> <span class="highlights-resolution-popup__spec-line"></span> </div> </div> </div> <div class="highlights-resolution-popup__visual"> <div class="highlights-resolution-popup__visual-inner"> <div class="common-popup__image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-resolution-popup-res-img js-resolution-popup-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution-popup.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution-popup-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-resolution-popup-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> </div> </div> </div> <div class="common-popup__close common-popup__close--bottom"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera-popup^camera-spec:lypu:lypu-close:close2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera-popup^camera-spec:lypu:lypu-close:close2"> <span class="common-popup__close-text">閉じる</span> </button> </div> </div> </div> <div class="common-popup__dimmed"></div> </div> </div> </div> <div id="low-light-zoom" class="highlights-nightography"> <div class="highlights-nightography__inner"> <div class="highlights-nightography__title common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">遠くまで鮮明に。暗闇でも。</span> </h2> </div> <div class="highlights-nightography__carousel-wrap"> <div class="highlights-nightography__carousel"> <div class="highlights-nightography__carousel-inner"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" data-slide-name="たとえ暗闇でも遠くまで鮮明に"> <div class="highlights-nightography__carousel-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-nomal.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-nomal-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-nomal-mo.jpg" alt="細部まで鮮明な男性のナイトグラフィー写真(1倍ズーム)。"> </div> </div> <div class="swiper-slide" data-slide-name="たとえ暗闇でも遠くまで鮮明に"> <div class="highlights-nightography__carousel-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-2x.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-2x-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-2x-mo.jpg" alt="細部まで鮮明な男性のナイトグラフィー写真(2倍ズーム)。"> </div> </div> <div class="swiper-slide" data-slide-name="たとえ暗闇でも遠くまで鮮明に"> <div class="highlights-nightography__carousel-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-3x.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-3x-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-nightography-zoom-3x-mo.jpg" alt="細部まで鮮明な男性のナイトグラフィー写真(3倍ズーム)。"> </div> </div> </div> <div class="highlights-nightography__carousel-arrow"> <button type="button" class="swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^nightography:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^nightography:arrow:next"> <span class="blind">次へ</span> </button> <button type="button" class="swiper-button-prev" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^nightography:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^nightography:arrow:previous"> <span class="blind">前に戻る</span> </button> </div> </div> <div class="common-hashtag js-bg-img"> <!-- <span class="common-hashtag-text"> <span>Galaxy S24+で撮影</span> <span class="common-hashtag-inner">#withGalaxy</span> </span> --> </div> <div class="swiper-pagination-wrap"> <ul role="list" class="swiper-pagination"></ul> </div> </div> </div> </div> <div class="highlights-nightography__info common-textbox common-textbox--vertical"> <p class="common-description"> <span class="common-text">スペースズームで、たとえ暗闇でも明るく色鮮やかでクリアな写真を撮影。理想のポートレート撮影が実現します。2倍ズーム、3倍ズームでも問題なし。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-11"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-12"></a></sup> どの距離からでも、たとえ夜でも、まるで昼間のようなクリアな写真が撮れます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-12"></a></sup></span> </p> </div> </div> </div> <div id="optical-zoom" class="highlights-optical-zoom"> <div class="common-inner highlights-optical-zoom__inner"> <div class="common-textbox-wrap--column"> <div class="common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">ピンチアウトするたびに被写体をクローズアップ</span> </h2> <div class="highlights-optical-zoom__zoom-wrap"> <div class="highlights-optical-zoom__zoom"> <div class="highlights-optical-zoom__zoom-image-wrap"> <div class="highlights-optical-zoom__zoom-image"> <div class="highlights-optical-zoom__zoom-image-inner js-img-zoom"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-1x.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-1x-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-1x-mo.jpg" alt="1倍ズームで撮影された、カフェの前に座っている2人の人物の色鮮やかな写真。"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-2x.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-2x-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-2x-mo.jpg" alt="2倍ズームで撮影された、カフェの前に座っている2人の人物の色鮮やかな写真。"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-3x.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-3x-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-optical-zoom-3x-mo.jpg" alt="3倍ズームで撮影された、カフェの前に座っている2人の人物の色鮮やかな写真。"> </div> </div> </div> <div class="highlights-optical-zoom__zoom-tooltip"> <p class="highlights-optical-zoom__zoom-tooltip-text">タップしてズーム</p> </div> <ul class="highlights-optical-zoom__zoom-button-list" role="list"> <li class="highlights-optical-zoom__zoom-button-item highlights-optical-zoom__zoom-button-item--1x is-active js-bg-img" role="listitem"> <button type="button" class="highlights-optical-zoom__zoom-button" data-index="0" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:1x" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:1x"> <span class="highlights-optical-zoom__zoom-button-title">1倍</span> </button> </li> <li class="highlights-optical-zoom__zoom-button-item highlights-optical-zoom__zoom-button-item--2x js-bg-img" role="listitem"> <button type="button" class="highlights-optical-zoom__zoom-button" data-index="1" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:2x" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:2x"> <span class="highlights-optical-zoom__zoom-button-title">2倍</span> </button> </li> <li class="highlights-optical-zoom__zoom-button-item highlights-optical-zoom__zoom-button-item--3x js-bg-img" role="listitem"> <button type="button" class="highlights-optical-zoom__zoom-button" data-index="2" data-omni-type="microsite_gallery" data-omni="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:3x" ga-ca="gallery" ga-ac="feature gallery" ga-la="galaxy-s24:highlights:camera^optical-zoom:slct-zoom:3x"> <span class="highlights-optical-zoom__zoom-button-title">3倍</span> </button> </li> </ul> </div> <div class="common-hashtag js-bg-img"> <!-- <span class="common-hashtag-text"> <span>Galaxy S24+で撮影</span> <span class="common-hashtag-inner">#withGalaxy</span> </span> --> </div> </div> <div class="common-textbox__column"> <p class="common-description"> <span class="common-text">画面をただ指でつまんで広げる(ピンチアウト)だけ。1倍、2倍、そして3倍も。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-11"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-12"></a></sup> AIが、色鮮やかでクリアでシャープ、そして高品質な写真を実現。細部まで忠実に再現します。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-13"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-14"></a></sup></span> </p> </div> </div> </div> </div> </div> <div id="ai-zoom" class="highlights-space-zoom"> <div class="highlights-space-zoom__inner common-textbox common-textbox--horizontal"> <div class="highlights-space-zoom__title"> <h2 class="common-sub-headline"> <span class="common-text">最高のAIズーム</span> </h2> </div> <div class="highlights-space-zoom__video"> <div class="highlights-space-zoom__video-inner"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="black" data-thumbnail-type="set" data-start-point="40" data-reverse-point="55" data-mo-start-point="45" data-mo-reverse-point="60"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="AI Zoomの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^ai-zoom:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^ai-zoom:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-space-zoom" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-space-zoom-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-space-zoom-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-space-zoom-start_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-space-zoom-start-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-space-zoom-start-mo_1.jpg" aria-hidden="true" alt=""> <p class="blind">カメラアプリのビューファインダーに、絶景を背景にしてポーズを取っている女性が映る。カメラが1倍から2倍、3倍にズームインする。次に、2.5倍ズームで撮影された被写体と風景のクリアな写真が現れる。</p> </figure> </div> </div> <div class="common-hashtag js-bg-img"> <!-- <span class="common-hashtag-text"> <span>Galaxy S24+で撮影</span> <span class="common-hashtag-inner">#withGalaxy</span> </span> --> </div> </div> <div class="highlights-space-zoom__text"> <p class="common-description"> <span class="common-text">従来より向上したズーム機能で、細部まで鮮明な写真を撮影しましょう。<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> 新しいAIズームソリューションで動く被写体にズームインし、さらに細かい部分まで捉えることができます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-13"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-14"></a></sup> </span> </p> </div> </div> </div> <div id="generative-edit" class="highlights-generative-edit"> <div class="common-inner highlights-generative-edit__wrap"> <div class="highlights-generative-edit__text"> <div class="common-textbox common-textbox--horizontal"> <h2 class="common-sub-headline"> <span class="common-text">サイズ変更してレタッチ。あっという間に完成</span> </h2> <div class="common-textbox__column"> <p class="common-description"> <span class="common-text">AIを活用した魔法のような写真編集ツールが、写真をあっという間にパーフェクトなものに。望みどおりの写真が撮れなかったときは、生成AI編集で背景を埋めたり、不要な映り込みをパッと消し去ったりもできます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup></span> </p> </div> </div> </div> <div class="highlights-generative-edit__content-wrap"> <div class="highlights-generative-edit__content"> <div class="highlights-generative-edit__video common-video__frame js-scroll-video-disable"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="背景塗りつぶしの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^generative-edit1:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^generative-edit1:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-1_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-1-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-1-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-1-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-1-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-1-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">Galleryアプリで写真が編集されている。水平にするために写真が回転すると、空白の角がフレームに現れる。次に、欠けたエリアと背景が埋められる。</p> </figure> </div> </div> <p class="common-description"> <span class="common-text">写真の角度を変えたときにできる背景の不足した部分をフレームに合わせてAIが自動生成。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup> </span> </p> </div> <div class="highlights-generative-edit__content"> <div class="highlights-generative-edit__video common-video__frame js-scroll-video-disable"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="オブジェクト再構築の動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^generative-edit2:movi-pause:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^generative-edit2:movi-pause:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-2_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-2-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-ai-generative-edit-2-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-2-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-2-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-ai-generative-edit-2-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">写真がGalleryアプリ内で編集されている。編集ボタンがタップされ、被写体が選択される。被写体はサイズが変更され、写真の別の位置に移動される。その後、欠落したエリアが埋められる。</p> </figure> </div> </div> <p class="common-description"> <span class="common-text">写真内のオブジェクトを選択して移動させると、AIがまるでそこには何もなかったかのように、空白になったスペースを埋めてくれます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup> </span> </p> </div> </div> <div class="highlights-generative-edit__cta-wrap"> <div class="common-cta-area highlights-generative-edit__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="generative-edit-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist:lypu-open:photo-assist-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist:lypu-open:photo-assist-experience" title="フォトアシストで写真のリサイズもリタッチも"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-common-youtube__list"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-common-youtube__item-cta js-bg-img" data-youtube-id="g0SHdR-H8LI" data-youtube-title="フォトアシストの使用方法" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^generative-edit:movi-play:how-to-use-photo-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^generative-edit:movi-play:how-to-use-photo-assist"> <span class="highlights-common-youtube__item-title"> <span>「フォトアシスト」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy AI搭載。文末の星が煌めきます。Galaxy S24シリーズでのフォトアシストの使用方法。免責事項:本動画に登場する画面の画像はすべて説明のためのイメージです。実際のUX/UIは異なる場合があります。もっと良い写真を撮るコツ?フォトアシストの出番です!未加工から素敵な写真に仕上げましょう。生成AI編集では、移動、サイズ変更、リフレームが行えます。より素敵な写真にしたいなら、生成AI編集に任せましょう。Galaxy S24 Ultraの画面に表示されたGalleryアプリで開かれている、海岸で背中合わせに立つ男性と女性の写真。編集ボタンを押します。Galleryアプリで編集ツールが開きます。Galaxy AIの星ボタンを押します。SペンでGalaxy AIの星ボタンをタップします。移動したい被写体のエリアを選択します。Sペンで、左側に立っている女性とその影をなぞります。好きな場所へ移動します。Sペンで、男性と向かい合わせになるように女性の画像を写真の右側へ移動します。サイズと角度を調整します。Sペンで女性を囲むボックスを変形して大きくし、前方に傾くよう回転させます。生成ボタンを押します。Sペンで生成ボタンをタップすると、写真の上で星が煌めいて画像の生成中であることがわかります。編集済みの写真が表示されます。完了ボタンを押します。コピーを保存します。元の写真と編集済みの写真の両方がGalleryに表示されます。わあ、プロみたいになりましたね!ちょっと待ってください。これだけではありません。Edit Suggestion(AI編集サジェスト)では簡単にポップな写真をつくれます。Edit Suggestion(AI編集サジェスト)は、写真を解析してスマートな編集を提案する機能です。Galaxy S24 Ultraの画面のGalleryアプリで、モノクロのポートレート写真が表示されています。この写真で、どんな機能が提案されるのか見てみましょう。Edit Suggestion(AI編集サジェスト)を開始するには、丸でかこまれた「I」ボタンをタップします。ボタンを押すと、画像ファイルの詳細が写真とともに表示されます。それから編集ツールを表す3つのアイコン(背景ぼかし、カラー化、リマスター)が写真上に表示されます。いくつかの選択肢がありますね。カラー化を試してみましょう。写真上に星が煌めき、アプリが色を追加していることがわかります。モノクロ写真がネオンカラーの写真になりました。処理前と処理後を確認しましょう。仕切りをスライドすると、簡単に前後を比較できます。Sペンを使って、仕切りを左右にドラッグします。保存ボタンをタップします。タップすると、画像がGalleryに保存されます。すごい!Edit Suggestion(AI編集サジェスト)であっという間に素敵な写真になりました。免責事項:動画はイメージです。実際のUX/UIは異なる場合があります。生成AI編集には、ネットワークへの接続とSamsungアカウントへのログインが必要です。生成AI編集で編集した写真は、最大12MPまでサイズ変更が可能です。AI生成画像であることを示すため、出力画像には保存時に透かしが重ねられます。生成結果の精度および信頼性は保証されません。Edit Suggestion(AI編集サジェスト)は、JPG、PNG、GIF、MP4形式と互換性があります。編集の結果と画質は、写真や動画の状態によって異なります。結果の精度は保証されません。埋め込み型のSペンはGalaxy S24 Ultraシリーズのみの付属品であり、対応するスマートフォンモデルに対してのみ互換性があります。Edit Suggestion(AI編集サジェスト)がさらにスマートになりました。リマスター、背景ぼかし、24時間タイムラプス、背景エフェクト、長時間露光、影削除、反射削除、モアレ除去、カラー化など、編集ツールのアイコンが画面全体に並んでいます。さっと編集して美しい写真に仕上げたいなら、フォトアシスト。次に、SペンでGalaxy S24 Ultraをタップすると、画面上でGalaxy AIの星が動きます。Galaxy AI搭載。Galaxy S24シリーズのデバイスが3台、Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。免責事項:カラーバリエーションは、国や地域、キャリアによって異なります。画像はイメージです。特定のAI機能にはSamsungアカウントへのログインが必要です。Samsungドットコム。Samsungロゴ。</span> </button> </div> </div> </div> </div> </div> <div id="generative-edit-experience" class="flagship-contents highlights common-tutorial is-english highlights-generative-edit-tutorial"> <div class="common-tutorial__inner-wrapper"> <div class="common-tutorial__inner-wrap"> <div class="common-tutorial__inner"> <div class="common-tutorial__close common-tutorial__close--popup"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:lypu-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__close common-tutorial__close--video"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--video" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:experience-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__content-wrap"> <div class="common-tutorial__content"> <div class="common-tutorial__text"> <p class="common-tutorial__eyebrow"> フォトアシスト<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup> </p> <h3 class="common-tutorial__headline"> 生成AI編集で写真のリサイズもレタッチも自由自在 </h3> <div class="common-tutorial__cta-area"> <div class="common-tutorial__cta common-tutorial__cta--play is-active"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon js-layer-popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience"> <span class="common-cta-encased__text">タップして試す</span> </button> </div> <div class="common-tutorial__cta common-tutorial__cta--pause"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:experience-close:close"> <span class="common-cta-encased__text">前に戻る</span> </button> </div> </div> </div> <div class="common-tutorial__video-content"> <div class="common-tutorial__video-wrap"> <div class="common-tutorial__videos"> <div class="common-tutorial__intro-video"> <div class="common-tutorial__video"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシストの体験動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-intro_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-intro-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-intro-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-intro-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-intro-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-intro-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">スケートボーダーがスケートボード場でパフォーマンスしている写真が、Galaxy S24のディスプレイに表示されている。編集ボタンを選択する。次に、Galaxy AIの星ボタンをタップ。スケートボーダーをなぞり、上に移動する。「生成(Generate)」ボタンをタップする。写真が処理され、欠落している領域(それまで被写体がいたところ)が自動生成される。処理前と処理後が表示される。</p> </figure> </div> </div> </div> <div class="common-tutorial__main-video-wrap"> <div class="common-tutorial__main-video common-video__frame highlights-generative-edit-tutorial__main-video"> <div class="highlights-generative-edit-tutorial__main-video-cta-area"> <button type="button" class="common-cta-encased highlights-generative-edit-tutorial__main-video-cta js-tutorial-generative-cta" tabindex="-1" aria-hidden="true" disabled="disabled" aria-labelledby="photo-assist-tooltip6 photo-assist-btntext6" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:3" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:3"> <span class="common-cta-encased__text highlights-generative-edit-tutorial__main-video-cta-text highlights-generative-edit-tutorial__main-video-cta-text--generative js-generative-cta" id="photo-assist-btntext6" aria-hidden="true">生成</span> <span class="common-cta-encased__text highlights-generative-edit-tutorial__main-video-cta-text highlights-generative-edit-tutorial__main-video-cta-text--done js-done-cta">完了</span> </button> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 1" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-1-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-1-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-1-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-1-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-1-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">Galleryアプリで、スケートボーダーがスケートボード場でパフォーマンスしている写真が開きます。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" id="photo-assist-tooltip1" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:1" aria-labelledby="photo-assist-tooltip1 photo-assist-btntext1"> <span class="blind" id="photo-assist-btntext1">写真の編集</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 2" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-2_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-2-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-2-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-2-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-2-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-2-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">写真は、現在、Gallery(ギャラリー)アプリの編集モードになっている。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" id="photo-assist-tooltip2" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:slct-tap:2" aria-labelledby="photo-assist-tooltip2 photo-assist-btntext2"> <span class="blind" id="photo-assist-btntext2">Galaxy AI</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 3" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-3_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-3-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-3-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-3-start_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-3-start-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-3-start-mo_1.jpg" aria-hidden="true" alt=""> <p class="blind"></p> </figure> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="true" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 4" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-4" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-4-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-4-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-4-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-4-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-4-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind"></p> </figure> </div> <div class="common-tutorial__alert js-tutorial-alert"> <p>タップかドローで選択</p> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="true" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 5" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-5" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-5-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-5-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-5-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-5-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-5-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind"></p> </figure> </div> <div class="common-tutorial__alert js-tutorial-alert"> <p>選択範囲を移動</p> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 6" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-6" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-6-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-6-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-6-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-6-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-6-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">編集モード。青みがかった色の波が一瞬写真上を流れます。スケートボーダーをなぞります。スケートボーダーが写真の上部に移動します。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" id="photo-assist-tooltip6" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" disabled="disabled"></button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 7" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-7_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-7-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-7-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-7-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-7-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-7-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind"></p> </figure> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="フォトアシスト体験動画ステップ 8" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-8" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-8-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-generative-edit-tutorial-8-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-8-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-8-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-generative-edit-tutorial-8-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">写真が処理されます。欠落している領域(それまで被写体がいたところ)が補填されます。</p> </figure> </div> </div> <div class="common-tutorial__info-area"> <div class="common-tutorial__info"> <p class="common-tutorial__info-title"> フォトアシスト </p> <p class="common-tutorial__info-description"> 人物やオブジェクトの位置を変えたり、背景を塗りつぶしたりして画像を再構築します。 </p> </div> </div> <button type="button" tabindex="-1" aria-hidden="true" class="common-tutorial__replay-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-replay:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:movi-replay:experience"> <span class="blind">リプレイ</span> </button> </div> </div> </div> </div> <div class="common-tutorial__controller"> <div class="common-tutorial__navigation"> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--prev" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:previous" title="リアルタイム通訳"> </button> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--next" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:lypu:next" title="チャットアシスト"> </button> </div> <div role="list" class="common-tutorial__pagination-area"> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab1:circle-to-search-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab1:circle-to-search-experience" aria-label="かこって検索"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab2:live-translate-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab2:live-translate-experience" aria-label="リアルタイム通訳"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination is-active" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab3:photo-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab3:photo-assist-experience" aria-label="フォトアシストを選択中"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab4:chat-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:camera^photo-assist-popup^experience:slct-tab4:chat-assist-experience" aria-label="チャットアシスト"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Slow Mo --> <div id="slow-mo" class="highlights-slow-mo"> <div class="common-inner highlights-slow-mo__inner-wrap"> <div class="common-display-mo"> <h2 class="common-sub-headline"> <span class="common-text"> タップ&長押しでスローモーション </span> </h2> </div> <div class="highlights-slow-mo__inner"> <div class="common-textbox common-textbox--horizontal"> <h2 class="common-sub-headline common-display-pc"> <span class="common-text"> タップ&長押しでスローモーション </span> </h2> <div class="common-textbox__column"> <p class="common-description highlights-slow-mo__description"> <span class="common-text"> インスタントスローモーションでは、撮影した動画またはダウンロードした動画のフレーム間にAIが新たなフレームを追加することで、自然なスローモーション再生が可能です。使い方はタッチして長押しするだけです。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-36"></a></sup> </span> </p> </div> </div> </div> <div class="highlights-slow-mo__video-wrap"> <div class="highlights-slow-mo__video common-video__frame"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="instant slow-moの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^slow-mo:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^slow-mo:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-slow-mo" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-slow-mo-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-slow-mo-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-slow-mo-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-slow-mo-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-slow-mo-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">Galaxy S24 plusのディスプレイに、ランナーの動画が通常の速さで再生されている。カメラが背後からランナーに近づくと、動画はスローモーションになる。</p> </figure> </div> </div> </div> </div> </div> <div id="super-hdr" class="highlights-super-hdr"> <div class="common-inner highlights-super-hdr__inner common-textbox-wrap--column"> <div class="highlights-super-hdr__title common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">スーパーHDRのプレビュー。撮影前からAIが補正</span> </h2> </div> <div class="highlights-super-hdr__video"> <div class="highlights-super-hdr__video-inner common-video__frame js-scroll-video-disable"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="Super HDRの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:camera^super-hdr:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:camera^super-hdr:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-super-hdr" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-super-hdr-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-super-hdr-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-super-hdr-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-super-hdr-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-super-hdr-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">カメラアプリのプレビュー画面で写真が撮影される。次にGallery(ギャラリー)ボタンがタップされ、Galleryで最新の写真が開く。共有ボタンがタップされ、共有する写真が選択される。次にソーシャルメディアのアプリが選択される。ソーシャルメディアアプリに写真が現れ、新しい投稿としてアップロードされる。その後、その写真がアップロードされた投稿としてそのアプリのフィードに表示される。</p> </figure> </div> </div> <div class="common-hashtag js-bg-img"> <!-- <span class="common-hashtag-text"> <span>Galaxy S24+で撮影</span> <span class="common-hashtag-inner">#withGalaxy</span> </span> --> </div> </div> <div class="highlights-super-hdr__text common-textbox common-textbox--vertical"> <p class="common-description"> <span class="common-text">アップグレードされた最新のスーパーHDRでは、目で見たままのイメージを撮影できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-15"></a></sup> この機能は、Instagramの撮影にも使えます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-16"></a></sup> </span> </p> <p class="common-description"> <span class="common-text">シャッターを押す前にスーパーHDRのプレビューを確認できます。人目を引くHDRクオリティでギャラリーへ保存したり、Instagramのフィードへのアップロードも可能。人目を引くHDRクオリティで表示されます。</span> </p> </div> </div> </div> </section> <!-- one ui --> <div id="one-ui" class="highlights-one-ui"> <div class="common-inner"> <h2 class="highlights-one-ui__headline"> <span class="common-text"> Galaxy AIによる新たな創造力をOne UIで実現 </span> </h2> <div class="highlights-one-ui__content" role="list"> <div class="highlights-one-ui__content-box" role="listitem"> <div class="highlights-one-ui__text"> <h3 class="highlights-one-ui__title"> <span class="common-text"> AIスケッチ<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-22"></a></sup> </span> </h3> <p class="highlights-one-ui__description"> <span class="common-text"> 自分で描いたものも、写真への描きこみも、AIを使ってスケッチ画像に変換できます。 </span> </p> </div> <div class="highlights-one-ui__visual"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-sketch-to-image.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-sketch-to-image-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-sketch-to-image-mo.jpg" alt="Sketch to Image(AIスケッチ)機能をGalaxy S24のディスプレイで起動している。写真に描き込まれたオブジェクトが、Galaxy AIによって新たな画像に変換される。"> </div> </div> <div class="highlights-one-ui__content-box" role="listitem"> <div class="highlights-one-ui__text"> <h3 class="highlights-one-ui__title"> <span class="common-text"> ライブエフェクト </span> </h3> <p class="highlights-one-ui__description"> <span class="common-text"> 写真に奥行きを加えることで、新たな命を吹き込みます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-23"></a></sup> </span> </p> </div> <div class="highlights-one-ui__visual"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="black" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="ライブエフェクトの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:one-ui^live-effect:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:one-ui^live-effect:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-one-ui-live-effect-a" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-one-ui-live-effect-a-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-one-ui-live-effect-a-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-live-effect-a-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-live-effect-a-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-one-ui-live-effect-a-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">写真の被写体に、3D効果を与えるLive Effect(ライブエフェクト)が適用される。</p> </figure> </div> </div> </div> </div> </div> </div> <!-- Ai --> <section class="highlights-ai"> <div id="circle-to-search" class="highlights-circle-to-search"> <div class="common-inner highlights-circle-to-search__title"> <h2 class="common-sub-headline"> <span class="common-text">丸く囲う。それだけで見つかる</span> </h2> </div> <div class="highlights-circle-to-search__content"> <div class="highlights-circle-to-search__content-video common-video__frame"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="40" data-reverse-point="75" data-mo-start-point="30" data-mo-reverse-point="80"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="かこって検索の動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-a_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-a-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-a-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-a-start_2.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-a-start-tb_2.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-a-start-mo_2.jpg" aria-hidden="true" alt=""> <p class="blind">A blog page is open in a web browser app. A Google overlay appears over the app. S Pen is used to circle text on the blog page: Tornado Potato. Search results for tornado potato appear in a popup over the app. S Pen is used to drag the results upward into a full screen of Google search results.</p> </figure> </div> </div> </div> <div class="common-inner highlights-circle-to-search__text"> <p class="common-description"> <span class="common-text">かこって検索機能で、かつてない検索が可能に。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-1"></a></sup>指でオブジェクトを囲むだけで、Googleの検索結果が得られます。探しているものを見つけるための、新たなアプローチです。</span> </p> <div class="common-cta-area highlights-circle-to-search__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="circle-to-search-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search:lypu-open:circle-to-search-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search:lypu-open:circle-to-search-experience" title="丸でかこって探す"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-common-youtube__list"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-common-youtube__item-cta js-bg-img" data-youtube-id="azCwAJZmR0U" data-youtube-title="かこって検索の使い方" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search:movi-play:how-to-use-circle-to-search" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search:movi-play:how-to-use-circle-to-search"> <span class="highlights-common-youtube__item-title"> <span>「かこって検索」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy S24シリーズでのかこって検索の使い方。かこって検索 with Google。次に、適切な検索ワードが見つかりませんか? まったく新しい検索方法をご紹介します。丸でかこって検索しましょう。1. ソーシャルフィード。ソーシャルフィードでのかこって検索。次に、Galaxy S24 Ultraの画面にソーシャルフィードに表示されたインテリア装飾の植物の写真が表示されます。次に、友人の部屋にあるこの植物に興味がありますか? 操作の手を止める必要はありません。検索ボタンを長押しし、丸でかこって、検索します。結果のプレビューがポップアップ表示されます。これはモンステラですね。見つかりました。プレビューで上にスワイプすると、さらに詳しい結果が表示されます。私もモンステラを買おうかな!丸でかこって検索しましょう。2. Messages。Messagesでさらなる発見を。植物が表示された同じソーシャルフィードを閲覧している最中に、画面上部にテキストメッセージの通知が表示されます。通知がタップされて開きます。Lindsey Smithからのメッセージ:「やっほー!バンコク旅行の時の古い写真が見つかったよ。」 次に、観光名所の写真があります。ユーザーは、「この寺院覚えてるよ!名前は忘れちゃったけど…」と返信します。次に、名所の名前が思い出せませんか? 検索ボタンを長押ししましょう。次に、画面にGoogle検索がオーバーレイ表示されます。写真の名所を丸でかこいます。テキストメッセージアプリ内で、Google検索の結果がポップアップで表示されます。次に、ああそうだ、ワット・アルンだ!次に、検索結果が上部に引っ張られて、全画面でGoogle検索のページが開かれます。記憶に残るよう、より多くのことを発見しましょう。次に、別のテキスト通知が開かれます。Lindseyが「次はサムイ島に行こう」と言っています。次に、待てよ…サムイ島ってどこだっけ? 検索ボタンを長押ししてテキストをドラッグし、検索します。テキストメッセージアプリ内で、Googleの検索結果がポップアップで表示されます。簡単にテキスト検索ができます。次に、全画面表示のGoogle検索ページに検索結果が表示されます。うわー、今すぐここに行きたいなー。3. YouTube。YouTube視聴中も検索が簡単。次に、Galaxy S24 Ultraの画面にYouTubeアプリが表示されます。Samsungの動画がフィードに表示されます。次に、動画内で気に入ったアイテムはありましたか? 検索ボタンを長押ししましょう。動画を一時停止することなく、かこって検索を使いましょう。次に、画面にGoogle検索がオーバーレイ表示されます。動画のランプが丸で囲まれ、検索結果がアプリ上にポップアップ表示されます。次に、検索完了です。簡単ですね!全画面表示のGoogle検索ページに検索結果が表示されます。次に検索結果を確認します。このランプはかっこいいですね!お部屋にぴったりのアイテムを選びましょう。免責事項:動画はイメージです。実際のUIは異なる場合があります。シーケンスはシミュレートされたものです。かこって検索はGoogle LLCの商標です。結果はイメージです。結果は合致するビジュアルによって異なる場合があります。インターネットの接続が必要です。Androidの最新バージョンへのアップデートが必要な場合があります。製品の機能は、お使いのアプリやデバイスの設定によって異なる場合があります。アプリによっては互換性がない機能があります。国や言語によってサービスが利用できない場合があります。結果の精度は保証されません。丸でかこむだけで検索。操作をしながら、さまざまなものを検索しましょう。驚愕の検索機能の登場です。かこって検索 with Google次に、さまざまなカラーのGalaxy S24シリーズのデバイスが画面いっぱいに扇形に並べられています。デバイスが3台まで減り、Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。Samsung.com。Samsungロゴ。</span> </button> </div> </div> <div class="highlights-circle-to-search__logo"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-logo.png" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-logo-tb.png" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-logo-mo.png" alt="Googleでのかこって検索"> </div> </div> </div> <div id="circle-to-search-experience" class="flagship-contents highlights common-tutorial is-english highlights-circle-to-search-tutorial"> <div class="common-tutorial__inner-wrapper"> <div class="common-tutorial__inner-wrap"> <div class="common-tutorial__inner"> <div class="common-tutorial__close common-tutorial__close--popup"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search:lypu:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search:lypu:lypu-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__close common-tutorial__close--video"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--video" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:experience-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__content-wrap"> <div class="common-tutorial__content"> <div class="common-tutorial__text"> <p class="common-tutorial__eyebrow"> かこって検索 <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-1"></a></sup> </p> <h3 class="common-tutorial__headline"> かこって、見つける </h3> <div class="common-tutorial__cta-area"> <div class="common-tutorial__cta common-tutorial__cta--play is-active"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon js-layer-popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience"> <span class="common-cta-encased__text">タップして試す</span> </button> </div> <div class="common-tutorial__cta common-tutorial__cta--pause"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:experience-close:close"> <span class="common-cta-encased__text">前に戻る</span> </button> </div> </div> </div> <div class="common-tutorial__video-content"> <div class="common-tutorial__video-wrap"> <div class="common-tutorial__videos"> <div class="common-tutorial__intro-video"> <div class="common-tutorial__video"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="完了かこって検索体験動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-intro" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-intro-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-intro-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-intro-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-intro-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-intro-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">ソーシャルメディアに投稿した動画を、Galaxy S24のディスプレイで再生しています。新装したリビングルームをパン撮りした映像です。画像が壁のフレーム付きポスターにズームインします。ホームボタンを長押しします。Google検索バーが画面の下部に表示されます。ポスターの周りを円でなぞります。ポスターが識別され、類似のGoogle結果が、ソーシャルメディアアプリのポップアップウィンドウに表示されます。Googleでかこって検索。</p> </figure> </div> </div> </div> <div class="common-tutorial__main-video-wrap"> <div class="common-tutorial__main-video common-video__frame"> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「かこって検索」体験動画ステップ 1" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-1-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-1-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-1-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-1-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-1-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">猫がうろうろしているリビングルームが映る動画が再生されているGalaxy (ギャラクシー)のスマートフォン。動画に写っている額入りのポスターにズームインし、ポスターの周りを円がなぞられ、画像をタップして検索するまでの一連の「かこって検索」機能を説明している動画。 </p> </figure> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「かこって検索」体験動画ステップ 2" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-2" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-2-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-2-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-2-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-2-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-2-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">ソーシャルメディアのアプリで、動画の投稿を再生します。ソーシャルメディアの投稿で、新装したリビングルームのパン撮り映像を表示します。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" id="circle-to-search-tooltip2" aria-hidden="true"> ホームボタンを長押し </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:slct-tap:1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:slct-tap:1" aria-labelledby="circle-to-search-tooltip2"></button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="true" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「かこって検索」体験動画ステップ 3" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-3" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-3-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-3-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-3-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-3-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-3-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">壁のフレーム付きポスターの周りに点線の円を描きます。フレームの上部に「Google」と書き込みされ、Googleの検索バーが下部に表示されます。ポスターの周りを円でなぞります。</p> </figure> </div> <div class="common-tutorial__alert js-tutorial-alert"> <p id="circle-to-search-tooltip3" aria-hidden="true">まるく囲むか、タップで検索</p> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" aria-hidden="true"> </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:slct-tap:2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:slct-tap:2" aria-labelledby="circle-to-search-tooltip3"></button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「かこって検索」体験動画ステップ 4" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-4" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-4-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-4-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-4-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-4-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-4-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind"></p> </figure> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「かこって検索」体験動画ステップ 5" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-5" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-5-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-circle-to-search-tutorial-5-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-5-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-5-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-circle-to-search-tutorial-5-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">ポスターが識別され、類似のGoogle結果が、ソーシャルメディアアプリのポップアップウィンドウに表示されます。</p> </figure> </div> </div> <div class="common-tutorial__info-area"> <div class="common-tutorial__info"> <p class="common-tutorial__info-title"> かこって検索 </p> <p class="common-tutorial__info-description"> アプリを切り替えることなく、そのまま自由に検索 </p> </div> </div> <button type="button" tabindex="-1" aria-hidden="true" class="common-tutorial__replay-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-replay:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:movi-replay:experience"> <span class="blind">リプレイ</span> </button> </div> </div> </div> </div> <div class="common-tutorial__controller"> <div class="common-tutorial__navigation"> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--prev" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:previous" title="チャットアシスト"> </button> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--next" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:lypu:next" title="リアルタイム通訳"> </button> </div> <div role="list" class="common-tutorial__pagination-area"> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination is-active" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab1:circle-to-search-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab1:circle-to-search-experience" aria-label="かこって検索を選択中"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab2:live-translate-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab2:live-translate-experience" aria-label="リアルタイム通訳"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab3:photo-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab3:photo-assist-experience" aria-label="フォトアシスト"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab4:chat-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^circle-to-search-popup^experience:slct-tab4:chat-assist-experience" aria-label="チャットアシスト"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="live-translate" class="highlights-live-translate"> <div class="common-inner highlights-live-translate__wrap"> <div class="highlights-live-translate__text common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">リアルタイム通訳でコミュニケーションが楽々</span> </h2> <p class="common-description"> <span class="common-text">これからは、通話時にAIが母国語以外でのコミュニケーションをサポートしてくれる、リアルタイム通訳機能を利用できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-2"></a></sup> さらに、この機能はメッセージの送受信にも使えます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-18"></a></sup> </span> </p> </div> <div class="highlights-live-translate__content"> <div class="highlights-live-translate__content-video"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="black" data-thumbnail-type="set" data-start-point="15" data-reverse-point="75" data-mo-start-point="20" data-mo-reverse-point="80"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="リアルタイム通訳の動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-j" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-j-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-j-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-j-start_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-j-start-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-j-start-mo_1.jpg" aria-hidden="true" alt=""> <p class="blind">通話がリアルタイムで通訳される。対話が画面上に2言語のテキスト会話として表示される。</p> </figure> </div> </div> </div> <div class="common-cta-area highlights-live-translate__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="live-translate-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate:lypu-open:live-translate-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate:lypu-open:live-translate-experience" title="外国語でのコミュニケーション"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-common-youtube__list"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-common-youtube__item-cta js-bg-img" data-youtube-id="qhkjN8ViRqA" data-youtube-title="リアルタイム通訳の使い方" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate:movi-play:how-to-use-live-translate" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate:movi-play:how-to-use-live-translate"> <span class="highlights-common-youtube__item-title"> <span>「リアルタイム通訳」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy AI搭載。文末の星が煌めきます。Galaxy S24シリーズでのリアルタイム通訳の使い方。「Live」と「Translate」という単語の間をドットが跳ね、それから電話アプリのアイコンに変わります。たとえば、旅先でタクシー会社に電話をかける場合、何と言えば良いでしょうか? ここでリアルタイム通訳の出番です!Google AIの星が文末で煌めきます。まず、電話アプリをタップします。次に、「詳細」アイコンをタップします。設定を選択します。次に、「リアルタイム通訳」を選択します。オンにしてリアルタイム通訳を有効にします。「マイ言語」の利用可能な言語一覧から、言語を設定します。さまざまなボイスオプションから翻訳後の音声を選択し、ゆっくりから速いまであるスライディングスケールで話すスピードを選びます。そして、利用可能な言語一覧から相手の言語を設定します。トグルスイッチで有効と無効を切り替え、自分と相手の音声をミュートにプリセットすることで翻訳後の音声のみを聞くことができます。さらに、「それぞれの言語とボイスプリセット」では、連絡先の言語を簡単にプリセットすることができます。次に、Galaxy S24でタクシードライバーに電話をかけます。発信してコールアシストをタップし、リアルタイム通訳を選択します。通話が始まると、「リアルタイム通訳」が開始されます。次に、タクシードライバーとの通話がリアルタイムで翻訳される様子が映し出されます。会話は2か国語のテキストとして画面に表示されています。通話が始まります。「こんにちは。この通話は翻訳され、ライブキャプションが付けられます。Hola. Esta llamada se está traduciendo y subtitulando de forma simultánea.」 発信者が話します。「もしもし。Hola. 空港でタクシーを予約したのですが。He reservado un taxi en el aeropuerto.」 次に、受信者が返答します。「Sí, por favor espera en la Puerta uno. はい。ゲート1でお待ちください。」 発信者が「わかりました。お待ちしています。OK. Estaré esperando.」と答えます。通話を終了するには、通話の終了ボタンをタップします。または、右にスワイプして通話の終了ボタンを押します。次に、画面の通話が終了します。到着してすぐに、現地の人のように話しましょう。Galaxy AIの星が文末で煌めきます。では、民泊を予約したとしましょう。おっと、現地のホストからの着信です。リアルタイム通訳がお助けします!Galaxy AIの星が文末で煌めきます。電話をとって、コースアシストをタップしましょう。次に、リアルタイム通訳を選択します。通話が始まると、「リアルタイム通訳」が開始されます。通話はリアルタイムで翻訳されます。会話は2か国語のテキストとして画面に表示されています。通話が始まります。「こんにちは。この通話は翻訳され、ライブキャプションが付けられます。Hola. Esta llamada se está traduciendo y subtitulando de forma simultánea.」 受信者は「もしもし。Hola.」と言います。発信者は、「Hola, soy la Anfitriona. ¿A qué hora llega hoy? もしもし。私はホストです。今日は何時に到着されますか?」と言います。受信者は、「今からタクシーで向かいます。一時間後に着きます。Estoy yendo en taxi. Estaré allí en una hora.」と言います。発信者は、「¡Genial! Nos vemos pronto. それは良かった!ではまた後で」と返します。話が終わりましたか? 通話の終了ボタンを押して電話を切ります。次に、画面の通話が終了します。免責事項:リアルタイム通訳には、ネットワークへの接続とSamsung Accountへのログインが必要です。リアルタイム通訳は、Samsung スマートフォンのアプリが事前インストールされている場合のみ利用できます。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の精度は保証されません。動画はイメージです。実際のUX/UIは異なる場合があります。利用可能な対応言語は異なる場合があります。利用できる機能や対応機能は、国、地域、キャリアによって異なる場合があります。次に、国境を超えたコミュニケーションをお楽しみください!固定電話からの電話でも利用できます。Galaxy AIの星が文末で煌めきます。次に、SペンでGalaxy S24 Ultraをタップすると、画面上でGalaxy AIの星が動きます。Galaxy AI搭載。Galaxy S24シリーズのデバイスが3台、Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。免責事項:画像はイメージです。特定のAI機能にはSamsung accountへのログインが必要です。Samsungドットコム。Samsungロゴ。</span> </button> </div> </div> <div class="common-cta-area highlights-live-translate__cta"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon common-cta-encased--popup js-bg-img js-layer-popup" data-hash="transcript-assist" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate:lypu-open:transcript-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate:lypu-open:transcript-assist"> <span class="common-cta-encased__text">レコーディングアシストを見る</span> </button> </div> </div> </div> <div id="live-translate-experience" class="flagship-contents highlights common-tutorial is-english highlights-live-translate-tutorial"> <div class="common-tutorial__inner-wrapper"> <div class="common-tutorial__inner-wrap"> <div class="common-tutorial__inner"> <div class="common-tutorial__close common-tutorial__close--popup"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate:lypu:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate:lypu:lypu-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__close common-tutorial__close--video"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--video" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:experience-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__content-wrap"> <div class="common-tutorial__content"> <div class="common-tutorial__text"> <p class="common-tutorial__eyebrow"> リアルタイム通訳<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-2"></a></sup> </p> <h3 class="common-tutorial__headline"> 外国語でもリアルタイムにコミュニケーション </h3> <div class="common-tutorial__cta-area"> <div class="common-tutorial__cta common-tutorial__cta--play is-active"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon js-layer-popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience"> <span class="common-cta-encased__text">タップして試す</span> </button> </div> <div class="common-tutorial__cta common-tutorial__cta--pause"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:experience-close:close"> <span class="common-cta-encased__text">前に戻る</span> </button> </div> </div> </div> <div class="common-tutorial__video-content"> <div class="common-tutorial__video-wrap"> <div class="common-tutorial__videos"> <div class="common-tutorial__intro-video"> <div class="common-tutorial__video"> <div class="common-tutorial__tooltip js-tutorial-tooltip common-tutorial__tooltip--bottom"> <span class="common-tutorial__tooltip-text common-tutorial__tooltip-text--black"> タップして電話をかけてみてください </span> <button class="common-cta-encased common-tutorial__tooltip-cta js-tutorial-tooltip-cta" title="タップして試す" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:slct-tap:1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:slct-tap:1"> <span class="common-tutorial__tooltip-cta-text"> リアルタイム通訳 </span> </button> </div> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="リアルタイム通訳(リアルタイム通訳)体験動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-intro_1" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-intro-tb_1" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-intro-mo_1"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-intro-start_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-intro-start-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-intro-start-mo_1.jpg" aria-hidden="true" alt=""> <p class="blind">Galaxy S24のディスプレイで、通話が進行中です。</p> </figure> </div> </div> </div> <div class="common-tutorial__main-video-wrap"> <div class="common-tutorial__main-video common-video__frame"> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-mute-button" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-unmute:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-unmute:experience-tap-to-try" data-mute="ミュート" data-unmute="ミュート解除"> <span class="blind"></span> </button> <button type="button" class="common-video__control common-play-button" title="リアルタイム通訳(リアルタイム通訳)体験動画ステップ 1" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-1_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-1-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-1-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-1-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-1-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-1-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">Galaxy S24のディスプレイで、通話が行われている。ドロップダウンの言語メニューが、会話の上部に表示されている。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text common-tutorial__tooltip-text--black" id="live-translate-tooltip1" aria-hidden="true"> タップして翻訳 </span> <button class="common-cta-encased common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:slct-tap:2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:slct-tap:2" aria-labelledby="live-translate-tooltip1"></button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-mute-button" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-unmute:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-unmute:experience-tap-to-try" data-mute="ミュート" data-unmute="ミュート解除"> <span class="blind"></span> </button> <button type="button" class="common-video__control common-play-button" title="リアルタイム通訳(リアルタイム通訳)体験動画ステップ 2" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-2_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-2-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-live-translate-tutorial-2-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-2-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-2-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-live-translate-tutorial-2-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">電話からの会話を、オリジナル言語で画面に書き出している。次に、翻訳したものを、オリジナルの下に表示している。</p> </figure> </div> </div> <div class="common-tutorial__info-area"> <div class="common-tutorial__info"> <p class="common-tutorial__info-title"> リアルタイム通訳 </p> <p class="common-tutorial__info-description"> 旅行中に、お財布をタクシーに忘れてしまいました!言葉が通じないタクシー運転手とどう話したらいいでしょう? </p> </div> </div> <button type="button" tabindex="-1" aria-hidden="true" class="common-tutorial__replay-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-replay:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:movi-replay:experience"> <span class="blind">リプレイ</span> </button> </div> </div> </div> </div> <div class="common-tutorial__controller"> <div class="common-tutorial__navigation"> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--prev" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:previous" title="かこって検索"> </button> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--next" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:lypu:next" title="フォトアシスト"> </button> </div> <div role="list" class="common-tutorial__pagination-area"> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab1:circle-to-search-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab1:circle-to-search-experience" aria-label="かこって検索"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination is-active" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab2:live-translate-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab2:live-translate-experience" aria-label="リアルタイム通訳を選択中"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab3:photo-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab3:photo-assist-experience" aria-label="フォトアシスト"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab4:chat-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^live-translate-popup^experience:slct-tab4:chat-assist-experience" aria-label="チャットアシスト"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="transcript-assist" class="flagship-contents highlights common-popup highlights-live-translate-popup" role="dialog" aria-modal="true"> <div class="common-popup__inner-wrapper"> <div class="common-popup__inner-wrap"> <div class="common-popup__inner"> <div class="common-popup__close common-popup__close--top"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:lypu-close:close1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:lypu-close:close1"> <span class="blind">レイヤーポップアップを閉じる</span> </button> </div> <div class="common-popup__content-wrap"> <div class="common-popup__content-area"> <div class="common-popup__content common-popup__content--horizontal"> <div class="common-popup__text highlights-live-translate-popup__text"> <h3 class="common-sub-headline common-popup__title"> <span class="common-text">録音内容を要約</span> </h3> <p class="common-description common-popup__description"> <span class="common-text">あなた専属の助手が登場。録音した音声をAIがすばやくテキストに変換し、要約までしてくれます。もちろんテキストの翻訳も可能です。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-3"></a></sup></span> </p> <div class="common-popup__video highlights-live-translate-popup__content-video common-video__frame"> <div class="common-video js-scroll-video js-live-translate-popup-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="Transcript Assistの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:movie-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:movie-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-live-translate-popup-video-src js-live-translate-popup-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-transcript-assist-popup" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-transcript-assist-popup-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-transcript-assist-popup-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-live-translate-popup-img-src js-live-translate-popup-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-popup-start_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-popup-start-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-popup-start-mo_1.jpg" aria-hidden="true" alt=""> <p class="blind">対話の文字起こしが生成される。全ての発言が発話者別のテキストで表示される。録音が再生されると、文章が音声と同時にハイライトされる。要約タブがタップされると、録音の概略的な要約が作成される。</p> </figure> </div> </div> <div class="highlights-common-youtube__list highlights-common-youtube__list--pc"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="highlights-common-youtube__item-cta js-bg-img js-inner-popup" data-youtube-id="fz3OrhOB4qQ" data-youtube-title="レコーディングアシストの使い方(日本語)" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:movi-play:how-to-use-transcript-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:movi-play:how-to-use-transcript-assist"> <span class="highlights-common-youtube__item-title"> <span>「レコーディングアシスト」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-transcript-assist-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy AI搭載。Galaxy S24シリーズでのレコーディングアシストの使用方法。ボイスメモをすばやく書き起こし、要約および翻訳します。メモを取るのは手間のかかる作業です。音声録音します。イラストの電話が音の波とともに現れます。文字起こしと要約が瞬時に完成。イラストの電話が音の波から文字の行へと変化します。さっそく試してみましょう。2つのセクションから成るプログレスバーが、フレームの上部に現れます。その上に、1. レコーディングアシスト。右側に、Galaxy S24 Ultraが表示され、ホーム画面にSamsungのアプリが開いています。最初にVoice Recorderアプリをタップします。録音ファイルを開きます。文字起こしボタンをタップします。選択できるソース言語のメニューを示したポップアップが表示されます。言語を1つ選択し、文字起こしボタンをタップします。処理しています。完了!文字起こしができました。画面には文字へと書き起こされた音声とともに、その言葉を話した人物が表示されます。次に要約を作りましょう。要約タブをタップします。作業中です。デバイスの画面に会話の要約が表示されます。さぁ、要約が完成しました。言語を変更したい場合は、翻訳してみましょう!翻訳ボタンをタップします。文字起こしウィンドウに入力言語と出力言語のオプションが示されたバーが表示されます。自分の言語を選択します。出力言語をタップすると、利用可能なターゲット対象言語を示すドロップダウンメニューが表示されます。スペイン語(スペイン)が選択されました。翻訳ボタンがタップされました。これで翻訳が完了です。画面に元の言語の文字起こしと、その下に翻訳されたテキストが表示されます。免責事項:レコーディングアシストには、ネットワークへの接続とSamsungアカウントへのログインが必要です。処理する音声ファイルの長さは3時間未満である必要があります。レコーディングアシストの要約機能には、文字制限があります。AIの活用でメモをとるのが簡単になりました。2. Browsing Assist。イラストのスマートフォンが横に表示され、画面から飛び出すテキストの巻物が解けていきます。ウェブページが長すぎるときは、要約だけをサッと読みましょう。Galaxy AIの星がデバイスの画面を踊るように移動します。イラストの電話が今度は短い概要を表示します。やり方をご紹介します。右側に、Galaxy S24 Ultraが表示され、ホーム画面にSamsungのアプリが開いています。Samsung Internetアプリをタップします。ウェブページに移動します。デバイスの画面上で、ウェブページが上下にスクロールされます。Browsing Assistをタップします。画面下部にある星のボタンがタップされました。要約ボタンを押します。作業中です。ページの要約を箇条書きにしたポップアップが表示されます。完了!要約ができました。別の言語で読みたいですか? 翻訳ボタンをタップします。作業中です。外国語の要約を示すポップアップが表示されます。画面上部には入力言語と出力言語が表示されています。プリセット言語に翻訳されました。もちろんページ全体を翻訳することもできます。Browsing Assistをタップします。画面下部にある星のボタンがタップされました。翻訳ボタンを押します。翻訳しています。画面の記事が翻訳されました。ブラウザの上部に選択した出力言語を示すドロップダウンメニューが表示されています。完了!免責事項:Browsing AssistはSamsung Internetを使用した場合にご利用いただけます。Browsing Assistには、ネットワークへの接続とSamsung Accountへのログインが必要です。Browsing Assistの要約機能は、一部の有料ウェブサイトでは制限されるか、ご利用いただけない場合があります。文字数制限が適用されます。AIの活用でブラウジングがシンプルに。レコーディングアシストで長い文もサッと読むことができます。「レコーディングアシスト」という名称が「Browsing Assist」に変わりました。次に、SペンでGalaxy S24 Ultraをタップすると、画面上でGalaxy AIの星が動きます。Galaxy AI搭載。3台のGalaxy S24シリーズのデバイス。Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。免責事項:画像はイメージです。特定のAI機能にはSamsungアカウントへのログインが必要です。カラーバリエーションは、国や地域、キャリアによって異なります。埋め込み型のSペンはGalaxy S24 Ultraシリーズのみの付属品であり、対応するスマートフォンモデルに対してのみ互換性があります。Samsungドットコム。Samsungロゴ。免責事項:シーケンスは省略されています。動画はイメージです。実際のUX/UIとは異なる場合があります。利用可能性や対応機能は、国、地域、キャリアによって異なる場合があります。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の精度は保証されません。</span> </button> </div> </div> </div> </div> </div> <div class="common-popup__close common-popup__close--bottom"> <button type="button" tabindex="-1" class="common-popup__close-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:lypu-close:close2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai-popup^transcript-assist:lypu:lypu-close:close2"> <span class="common-popup__close-text">閉じる</span> </button> </div> </div> </div> <div class="common-popup__dimmed"></div> </div> </div> </div> <div id="interpreter" class="highlights-interpreter"> <div class="common-inner highlights-interpreter__wrap"> <div class="highlights-interpreter__text common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text"> 通訳をポケットの中に </span> </h2> <p class="common-description"> <span class="common-text"> 現地の人におすすめを聞いてみたいと思ったことはありませんか? これからはポケットの中に通訳がいるのでご心配なく! Wi-Fiがなくても、機内モードでも利用できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-3"></a></sup> </span> </p> </div> <div class="highlights-interpreter__content"> <div class="highlights-interpreter__content-video"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="通訳の動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^interpreter-:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^interpreter-:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-interpreter" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-interpreter-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-interpreter-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">「通訳」アプリに、2つの言語の会話が書き起こされてリアルタイムで翻訳されている。</p> </figure> </div> </div> <div class="highlights-interpreter__content-emoji js-bg-img"></div> </div> <div class="highlights-common-youtube__list"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-common-youtube__item-cta js-bg-img" data-youtube-id="wg1DJfmg8Ps" data-youtube-title="「通訳」の使い方(日本語)" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^interpreter:movi-play:how-to-use-interpreter" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^interpreter:movi-play:how-to-use-interpreter"> <span class="highlights-common-youtube__item-title"> <span>「通訳」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-interpreter-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy AI搭載。Galaxy S24シリーズでの通訳の使い方。たとえば、スペインを旅行中だとします。まずは食事をしましょう!現地の人のおすすめを聞きたいと思いませんか? 心配ありません!ポケットの中には通訳がいるのですから。Galaxy S24 Ultraのディスプレイにホーム画面が表示されています。まず、下にスワイプしてQuick Panelにアクセスします。通訳を見つけましょう。次に通訳ボタンをタップします。通訳アプリが開きます。準備をしましょう。設定に移動します。翻訳言語パックを選択します。言語の一覧がスクロール表示されます。言語パックをダウンロードします。スペイン語(スペイン)をタップし、ダウンロードしてインストールします。戻りましょう。画面上部にある戻るボタンをタップします。次に、音声スタイルをタップします。音声の言語と種類を選択します。各メニューから、英語と音声1を選択します。話すスピードを調整します。スピードをスライドで調整します。戻るボタンを2回押して、通訳アプリのメイン画面に戻ります。最後に、相手の言語を設定します。上部のダイアログボックスにある言語をタップして、スペイン語(米国)からスペイン語(スペイン)に変更します。次に、自分の言語を選択します。下部の言語ボックスにある言語をタップすると、言語オプションが表示されます。ここに言語を追加することもできます。言語の追加ボタンがハイライト表示されます。これで準備ができました!マイクボタンを押します。各会話が次々に翻訳されます。マイクボタンが押されている間、下のボックスには英語の会話内容が書き起こされます。ボタンを離すと、上部のボックスでスペイン語に翻訳されます。わあ、これならスペイン語も簡単ですね!次に、スペイン語の会話が上部のボックスに書き起こされている間、マイクボタンを押します。ボタンを離すと、下のボックスで内容が英語に翻訳されます。この会話の流れで、もう一度英語の質問とスペイン語の回答を行います。ちょっと待ってください。便利な機能が一つあります。アプリ上部にある画面の分割ボタンをタップします。分割された画面が回転します。これで、二人とも画面が見やすくなりました!マイクボタンをタップします。下のボックスに英語の会話が表示され、上のボックスには相手に向き合うようスペイン語が上下反対に表示されます。すごい!スペイン語ペラペラですね。もう一度会話を確認するには? 縦に3つの点が並んだ詳細ボタンをタップします。次に、[Recents(最近の会話)]をタップします。会話の一覧が表示されます。直近24時間の履歴を参照できます。Wi-Fiなしの機内モードでも利用可能です。通訳搭載!免責事項:通訳にはSamsungアカウントへのログインが必要です。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の精度は保証されません。動画はイメージです。実際のUX/UIは異なる場合があります。利用可能性や対応機能は、国、地域、キャリアによって異なる場合があります。利用可能な対応言語は異なる場合があります。次に、SペンでGalaxy S24 Ultraをタップすると、画面上でGalaxy AIの星が動きます。Galaxy AI搭載。Galaxy S24シリーズのデバイスが3台、Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。免責事項:埋め込み型のSペンはGalaxy S24 Ultraにのみ付いています。画像はイメージです。特定のAI機能にはSamsungアカウントへのログインが必要です。Samsungドットコム。Samsungロゴ。</span> </button> </div> </div> </div> </div> <div id="aod-lockscreen" class="highlights-aod"> <div class="common-inner"> <h2 class="common-sub-headline common-textbox common-textbox--vertical"> <span class="common-text">必要なものはいつも手もとに</span> </h2> <p class="common-description common-textbox common-textbox--vertical"> <span class="common-text"> 日常的な体験を、ロック画面のウィジェットとAlways On Display(常時表示ディスプレイ)でカスタマイズ。重要な通知から現在地の天気まで、必要な情報をひと目で確認できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-19"></a></sup> </span> </p> </div> <div class="highlights-aod__content"> <div class="highlights-aod__device highlights-aod__device--bg"></div> <div class="swiper-container highlights-aod__content-container"> <div class="swiper-wrapper highlights-aod__content-wrap"> <div class="swiper-slide highlights-aod__content-slide" data-slide-name="音楽プレーヤーウィジェット"> <div class="highlights-aod__content-video"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="set"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="AODの動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:sample:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:sample:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-aod-1" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-aod-1-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-aod-1-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-1-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-1-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-1-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">薄暗いロック画面に、Always On Displayで天気予報、時刻とアラームのウィジェット、音楽プレーヤーのコントロールパネルが表示されている。</p> </figure> </div> </div> </div> <div class="swiper-slide highlights-aod__content-slide" data-slide-name="天気予報のウィジェット"> <div class="highlights-aod__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-2.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-2-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-2-mo.jpg" alt="月の満ち欠け、天気予報や大気質のウィジェットが表示された、カスタマイズされたAlways On Display。"> </div> </div> <div class="swiper-slide highlights-aod__content-slide" data-slide-name="リマインダーウィジェット"> <div class="highlights-aod__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-3.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-3-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-3-mo.jpg" alt="天気予報とリマインダーウィジェットが表示された、カスタマイズされたAlways On Display。"> </div> </div> <div class="swiper-slide highlights-aod__content-slide" data-slide-name="バッテリー残量ウィジェット"> <div class="highlights-aod__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-4.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-4-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-4-mo.jpg" alt="天気予報と接続されたデバイスのバッテリー残量ウィジェットが表示された、カスタマイズされたAlways On Display。"> </div> </div> <div class="swiper-slide highlights-aod__content-slide" data-slide-name="アラームウィジェット"> <div class="highlights-aod__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-5.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-5-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-5-mo.jpg" alt="月の満ち欠け、大気質、アラームのウィジェットが表示された、カスタマイズされたAlways On Display。"> </div> </div> </div> </div> <div class="swiper-pagination-wrap"> <ul role="list" class="swiper-pagination highlights-aod__content-pagination"></ul> </div> <div class="highlights-aod__content-navigation"> <button type="button" class="swiper-button-next highlights-aod__content-arrow highlights-aod__content-arrow--next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^aod-lockscreen:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^aod-lockscreen:arrow:next"> <span class="blind">次へ</span> </button> <button type="button" class="swiper-button-prev highlights-aod__content-arrow highlights-aod__content-arrow--prev" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^aod-lockscreen:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^aod-lockscreen:arrow:previous"> <span class="blind">前に戻る</span> </button> </div> <div class="highlights-aod__device highlights-aod__device--frame"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-device-frame.png" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-device-frame-tb.png" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-aod-device-frame-mo.png" aria-hidden="true" alt=""> </div> </div> </div> <div id="chat-assist" class="highlights-chat-assist"> <div class="common-inner highlights-chat-assist__inner"> <div class="common-textbox common-textbox--vertical highlights-chat-assist__text"> <h2 class="common-sub-headline"> <span class="common-text">チャットアシストで、メッセージの適切な口調を選択</span> </h2> <p class="common-description"> <span class="common-text">新しい表現をしてみましょう。チャットアシストで、ビジネス、親しい友人との会話、SNSなど、状況に合わせてメッセージの口調を変えることができます。これからは「どう言えばいいんだろう?」が「どうして思いつかなかったんだろう?」に変わります。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-20"></a></sup></span> </p> <div class="highlights-chat-assist__content"> <div class="highlights-chat-assist__content-image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-mo.jpg" alt="下書きのテキストメッセージが送信バーに入力されています。「ピザはどう?」 チャットアシストが別の口調で言い換えた文章を提案します。社交的な口調では、「美味しい(ハッシュタグ)ピザ食べない? 美味しいの絵文字。(ハッシュタグ)グルメの楽園」 礼儀正しい口調では、「ピザはいかがでしょうか?」と提案されています。"> </div> </div> <div class="common-cta-area highlights-chat-assist__tutorial-cta"> <button type="button" class="common-cta-encased common-cta-encased--tutorial common-cta-encased--white common-cta-encased--icon common-cta-encased--popup js-bg-img js-tutorial-popup" data-hash="chat-assist-experience" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist:lypu-open:chat-assist-experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist:lypu-open:chat-assist-experience" title="リアルタイムにテキスト翻訳"> <span class="common-cta-encased__text">詳細を見る</span> </button> </div> <div class="highlights-common-youtube__list"> <div class="highlights-common-youtube__item"> <button type="button" title="動画を再生" class="js-youtube-popup highlights-common-youtube__item-cta js-bg-img" data-youtube-id="bABTAx5YF3Y" data-youtube-title="チャットアシストの使い方" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist:movi-play:how-to-use-chat-assist" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist:movi-play:how-to-use-chat-assist"> <span class="highlights-common-youtube__item-title"> <span>「チャットアシスト」の使い方(日本語)</span> </span> <span class="highlights-common-youtube__item-thumbnail"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-howto-thumbnail.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-howto-thumbnail-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-howto-thumbnail-mo.jpg" aria-hidden="true" alt=""> </span> <span class="blind" aria-hidden="true">Galaxy AI搭載。Galaxy S24シリーズでの通訳の使い方。たとえば、スペインを旅行中だとします。まずは食事をしましょう!現地の人のおすすめを聞きたいと思いませんか? 心配ありません!ポケットの中には通訳がいるのですから。Galaxy S24 Ultraのディスプレイにホーム画面が表示されています。まず、下にスワイプしてQuick Panelにアクセスします。通訳を見つけましょう。次に通訳ボタンをタップします。通訳アプリが開きます。準備をしましょう。設定に移動します。翻訳言語パックを選択します。言語の一覧がスクロール表示されます。言語パックをダウンロードします。スペイン語(スペイン)をタップし、ダウンロードしてインストールします。戻りましょう。画面上部にある戻るボタンをタップします。次に、音声スタイルをタップします。音声の言語と種類を選択します。各メニューから、英語と音声1を選択します。話すスピードを調整します。スピードをスライドで調整します。戻るボタンを2回押して、通訳アプリのメイン画面に戻ります。最後に、相手の言語を設定します。上部のダイアログボックスにある言語をタップして、スペイン語(米国)からスペイン語(スペイン)に変更します。次に、自分の言語を選択します。下部の言語ボックスにある言語をタップすると、言語オプションが表示されます。ここに言語を追加することもできます。言語の追加ボタンがハイライト表示されます。これで準備ができました!マイクボタンを押します。各会話が次々に翻訳されます。マイクボタンが押されている間、下のボックスには英語の会話内容が書き起こされます。ボタンを離すと、上部のボックスでスペイン語に翻訳されます。わあ、これならスペイン語も簡単ですね!次に、スペイン語の会話が上部のボックスに書き起こされている間、マイクボタンを押します。ボタンを離すと、下のボックスで内容が英語に翻訳されます。この会話の流れで、もう一度英語の質問とスペイン語の回答を行います。ちょっと待ってください。便利な機能が一つあります。アプリ上部にある画面の分割ボタンをタップします。分割された画面が回転します。これで、二人とも画面が見やすくなりました!マイクボタンをタップします。下のボックスに英語の会話が表示され、上のボックスには相手に向き合うようスペイン語が上下反対に表示されます。すごい!スペイン語ペラペラですね。もう一度会話を確認するには? 縦に3つの点が並んだ詳細ボタンをタップします。次に、[Recents(最近の会話)]をタップします。会話の一覧が表示されます。直近24時間の履歴を参照できます。Wi-Fiなしの機内モードでも利用可能です。通訳搭載!免責事項:通訳にはSamsungアカウントへのログインが必要です。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の精度は保証されません。動画はイメージです。実際のUX/UIは異なる場合があります。利用可能性や対応機能は、国、地域、キャリアによって異なる場合があります。利用可能な対応言語は異なる場合があります。次に、SペンでGalaxy S24 Ultraをタップすると、画面上でGalaxy AIの星が動きます。Galaxy AI搭載。Galaxy S24シリーズのデバイスが3台、Sペン付きで背面を向けたGalaxy S24 Ultra、背面を向いたGalaxy S24 Plus、前面を向いたGalaxy S24が表示されます。免責事項:埋め込み型のSペンはGalaxy S24 Ultraにのみ付いています。画像はイメージです。特定のAI機能にはSamsungアカウントへのログインが必要です。Samsungドットコム。Samsungロゴ。</span> </button> </div> </div> </div> </div> </div> <div id="chat-assist-experience" class="flagship-contents highlights common-tutorial is-english highlights-chat-assist-tutorial"> <div class="common-tutorial__inner-wrapper"> <div class="common-tutorial__inner-wrap"> <div class="common-tutorial__inner"> <div class="common-tutorial__close common-tutorial__close--popup"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist:lypu:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist:lypu:lypu-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__close common-tutorial__close--video"> <button type="button" tabindex="-1" class="common-tutorial__close-cta common-tutorial__close-cta--video" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:experience-close:close"> <span class="blind">ポップアップレイヤーを閉じる</span> </button> </div> <div class="common-tutorial__content-wrap"> <div class="common-tutorial__content"> <div class="common-tutorial__text"> <p class="common-tutorial__eyebrow"> チャットアシスト<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-37"></a></sup> </p> <h3 class="common-tutorial__headline"> リアルタイムにテキスト翻訳 </h3> <div class="common-tutorial__cta-area"> <div class="common-tutorial__cta common-tutorial__cta--play is-active"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon js-layer-popup" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience"> <span class="common-cta-encased__text">タップして試す</span> </button> </div> <div class="common-tutorial__cta common-tutorial__cta--pause"> <button type="button" class="common-cta-encased common-cta-encased--filled common-cta-encased--icon" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:experience-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:experience-close:close"> <span class="common-cta-encased__text">前に戻る</span> </button> </div> </div> </div> <div class="common-tutorial__video-content"> <div class="common-tutorial__video-wrap"> <div class="common-tutorial__videos"> <div class="common-tutorial__intro-video"> <div class="common-tutorial__video"> <div class="common-video js-bg-img" data-theme-type="black" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-intro_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-intro-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-intro-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-intro-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-intro-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-intro-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">テキストメッセージの会話が、Galaxy S24のディスプレイで開いている。メッセージは外国語。ポップアップバブルが「tap to translate」と表示している。タップすると、バブルはドロップダウンの付いたバーに変わり、言語のインプット/アウトプット メニューを表示する。各メッセージバブルは、オリジナルのメッセージと翻訳の両方を表示している。</p> </figure> </div> </div> </div> <div class="common-tutorial__main-video-wrap"> <div class="common-tutorial__main-video common-video__frame"> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画ステップ 1" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-1_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-1-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-1-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-1-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-1-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-1-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">会話の一覧。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip"> <span class="common-tutorial__tooltip-text" id="chat-assist-tooltip1" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:1" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:1" aria-labelledby="chat-assist-tooltip1 chat-assist-btntext1"> <span class="blind" id="chat-assist-btntext1">FATIMA NASRATのメッセージボックス</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画ステップ 2" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-2_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-2-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-2-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-2-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-2-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-2-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">「チャットアシスト」機能を使って、日本語とイタリア語の会話を翻訳する方法を説明した画面が表示されているGalaxy (ギャラクシー)のスマートフォン。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip common-tutorial__tooltip--bottom"> <span class="common-tutorial__tooltip-text" id="chat-assist-tooltip2" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:2" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:2" aria-labelledby="chat-assist-tooltip2 chat-assist-btntext2"> <span class="blind" id="chat-assist-btntext2">翻訳</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画ステップ 3" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-3_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-3-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-3-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-3-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-3-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-3-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">ドロップダウンの入力言語と出力言語メニューには、それぞれ「Auto」と「English」の表示があります。これで、各メッセージバブルは、元のメッセージと英訳の両方を表示します。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip common-tutorial__tooltip--bottom"> <span class="common-tutorial__tooltip-text" id="chat-assist-tooltip3" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:3" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:3" aria-labelledby="chat-assist-tooltip3 chat-assist-btntext3"> <span class="blind" id="chat-assist-btntext3">他の言語に翻訳</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="true"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画ステップ 4" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-4_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-4-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-4-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-4-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-4-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-4-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">アウトプットのメニューで英語をフランス語に変える。</p> </figure> </div> <div class="common-tutorial__tooltip js-tutorial-tooltip common-tutorial__tooltip--bottom"> <span class="common-tutorial__tooltip-text" id="chat-assist-tooltip4" aria-hidden="true"> ここをタップしてください </span> <button class="common-tutorial__tooltip-cta js-tutorial-tooltip-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:4" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:slct-tap:4" aria-labelledby="chat-assist-tooltip4 chat-assist-btntext4"> <span class="blind" id="chat-assist-btntext4">フランス語に翻訳</span> </button> </div> </div> <div class="common-tutorial__video" tabindex="-1" aria-hidden="true" data-alert="false" data-tooltip="false"> <div class="common-video js-bg-img" data-theme-type="white" data-thumbnail-type="start"> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="チャットアシスト体験動画ステップ 5" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-play:experience-tap-to-try"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-5_jp" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-5-tb_jp" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-chat-assist-tutorial-5-mo_jp"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-5-start_jp.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-5-start-tb_jp.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-chat-assist-tutorial-5-start-mo_jp.jpg" aria-hidden="true" alt=""> <p class="blind">これで、メッセージをフランス語に翻訳する。</p> </figure> </div> </div> <div class="common-tutorial__info-area"> <div class="common-tutorial__info"> <p class="common-tutorial__info-title"> チャットアシスト </p> <p class="common-tutorial__info-description"> チャットやテキストメッセージを翻訳して、コミュニケーションを向上させましょう。 </p> </div> </div> <button type="button" tabindex="-1" aria-hidden="true" class="common-tutorial__replay-cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-replay:experience" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:movi-replay:experience"> <span class="blind">リプレイ</span> </button> </div> </div> </div> </div> <div class="common-tutorial__controller"> <div class="common-tutorial__navigation"> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--prev" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:previous" title="フォトアシスト"> </button> <button type="button" class="common-tutorial__navigation-button common-tutorial__navigation-button--next" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:lypu:next" title="かこって検索"> </button> </div> <div role="list" class="common-tutorial__pagination-area"> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="circle-to-search-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab1:circle-to-search-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab1:circle-to-search-experience" aria-label="かこって検索"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="live-translate-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab2:live-translate-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab2:live-translate-experience" aria-label="リアルタイム通訳"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination" data-hash="generative-edit-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab3:photo-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab3:photo-assist-experience" aria-label="フォトアシスト"></button> </div> <div role="listitem" class="common-tutorial__pagination-wrap"> <button type="button" role="listitem" class="common-tutorial__pagination is-active" data-hash="chat-assist-experience" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab4:chat-assist-experience" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-ai^chat-assist-popup^experience:slct-tab4:chat-assist-experience" aria-label="チャットアシストを選択中"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Performance --> <section class="highlights-performance"> <div id="gaming" class="highlights-gaming"> <div class="common-inner"> <h2 class="common-headline"> <span class="common-text">強力なベイパーチャンバー<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> -->でゲームを継続</span> </h2> </div> <div class="highlights-gaming__video"> <div class="highlights-gaming__video-inner"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="「ゲーミング」の動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:performance^gaming:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:performance^gaming:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-gaming-a" data-video-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-gaming-a-tb" data-video-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-gaming-a-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-gaming-a-start.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-gaming-a-start-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-gaming-a-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">GameloftのゲームをしているシーンがGalaxy S24 Plusのディスプレイに表示されている。細部までクリアでコンテンツの動きはスムーズ。</p> </figure> </div> <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-21"></a></sup> </div> </div> <div class="common-inner"> <div class="common-textbox-wrap--column"> <div class="common-textbox common-textbox--vertical"> <p class="common-description"> <span class="common-text">改良した新たな放熱システムには、集積液体タイプの熱界面材料を使用した、より大きな最新ベイパーチャンバー(放熱用の金属パーツ)を採用。<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> 最適なパフォーマンスでゲームを続けられます。 </span> </p> </div> <div class="highlights-gaming__info"> <span class="highlights-gaming__info-category">ベイパーチャンバー</span> <p class="highlights-gaming__info-wrap"> <span class="highlights-gaming__info-inner"> <span class="highlights-gaming__info-value">1.5倍</span> <span class="highlights-gaming__info-over">以上</span> <span class="highlights-gaming__info-unit">大きく<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> </span> </span> </p> </div> </div> </div> </div> <div id="display" class="highlights-display"> <div class="common-inner highlights-display__wrap"> <div class="common-textbox common-textbox--horizontal"> <h2 class="common-sub-headline"> <span class="common-text">太陽の下でも明るく見やすいディスプレイ</span> </h2> <div class="common-textbox__column"> <p class="common-description"> <span class="common-text">ゲーム体験を一段上へと引き上げます。Galaxy S24の約6.2インチFHD+ディスプレイは、ディスプレイの大型化と極細ベゼルによって、これまで以上に広いスクリーンになりました。最高に臨場感あふれるゲーム体験を提供します。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-7"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-22"></a></sup> さらに、ビジョンブースターを使用して色彩とコントラストを最適化できます。</span> </p> </div> </div> <div class="highlights-display__content"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-display.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-display-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-display-mo.jpg" alt="屋外の太陽光のもとでGalaxy S24 Plusが握られている。画面では鮮やかな色合いと高コントラストの動画が再生されている。"> </div> </div> </div> <div id="battery" class="highlights-battery"> <div class="common-inner highlights-battery__content"> <div class="common-textbox common-textbox--horizontal"> <h2 class="common-sub-headline"> <span class="common-text">1日中使えるバッテリーはよりスマートに、より長持ちに<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-23"></a></sup> </span> </h2> <div class="common-textbox__column"> <p class="common-description"> <span class="common-text">電源をオン。ずっとオン。Galaxy S24のインテリジェントバッテリーなら、ゲームや動画・音楽視聴など、スマートフォンを楽しむ時間をより長くしてくれます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-8"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-23"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-24"></a></sup> </span> </p> </div> </div> <ul role="list" class="highlights-battery__info"> <li role="listitem" class="highlights-battery__info highlights-battery__info-item highlights-battery__info--stream"> <span class="highlights-battery__info-category">動画の視聴時間<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-24"></a></sup> </span> <p class="highlights-battery__info-wrap"> <span class="highlights-battery__info-inner"> <span class="highlights-battery__info-value">28</span> <span class="highlights-battery__info-unit">時間</span> </span> <span class="highlights-battery__info-product">Galaxy S24</span> </p> <!-- <p class="highlights-battery__info-wrap"> <span class="highlights-battery__info-inner"> <span class="highlights-battery__info-value">31</span> <span class="highlights-battery__info-unit">時間</span> </span> <span class="highlights-battery__info-product">Galaxy S24+</span> </p> --> </li> <li role="listitem" class="highlights-battery__info highlights-battery__info-item highlights-battery__info--music"> <span class="highlights-battery__info-category">音楽の再生時間<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-24"></a></sup> </span> <p class="highlights-battery__info-wrap"> <span class="highlights-battery__info-inner"> <span class="highlights-battery__info-value">72</span> <span class="highlights-battery__info-unit">時間</span> </span> <span class="highlights-battery__info-product">Galaxy S24</span> </p> <!-- <p class="highlights-battery__info-wrap"> <span class="highlights-battery__info-inner"> <span class="highlights-battery__info-value">92</span> <span class="highlights-battery__info-unit">時間</span> </span> <span class="highlights-battery__info-product">Galaxy S24+</span> </p> --> </li> </ul> </div> </div> </section> <!-- Switching --> <div id="why-switch-to-galaxy" class="highlights-switching"> <div class="common-inner"> <div class="highlights-switching__headline"> <h2 class="common-sub-headline"> <span class="common-text">iOSからGalaxyに乗り換える理由</span> </h2> </div> <div class="highlights-switching__contents"> <div class="highlights-switching__card highlights-switching__card--to-galaxy"> <div class="highlights-switching__card-text"> <h3 class="highlights-switching__card-title"> Switch to Galaxy </h3> <p class="highlights-switching__card-description"> 乗り換えもかんたんGalaxyへ。Galaxy独自の機能で生活の質を向上できます。 </p> <div class="highlights-switching__card-cta"> <a href="https://www.samsung.com/jp/mobile/switch-to-galaxy/" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:why-switch^switch-to-galaxy:page:switch-to-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:why-switch^switch-to-galaxy:page:switch-to-galaxy"> <span class="common-cta-underline__text">Galaxyに乗り換えの詳細を見る</span> </a> </div> </div> <div class="highlights-switching__card-img-area"> <div class="highlights-switching__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-to-galaxy.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-to-galaxy-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-to-galaxy-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> <div class="highlights-switching__card highlights-switching__card--smart-switch"> <div class="highlights-switching__card-text"> <h3 class="highlights-switching__card-title">iOSからの乗り換えも楽々</h3> <p class="highlights-switching__card-description">Smart Switch(スマートスイッチ)なら、写真や動画、連絡先、カレンダー、アプリをそのまま使えます。iOSからの乗り換えでも問題ありません。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-25"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-26"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-27"></a></sup></p> <div class="highlights-switching__card-cta"> <a href="//www.samsung.com/jp/apps/smart-switch/" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:why-switch^smart-switch:page:apps^smart-switch" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:why-switch^smart-switch:page:apps^smart-switch"> <span class="common-cta-underline__text">Smart Switchの詳細を見る</span> </a> </div> </div> <div class="highlights-switching__card-img-area"> <div class="highlights-switching__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-smart-switch.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-smart-switch-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-smart-switch-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> <div class="highlights-switching__card highlights-switching__card--connect"> <div class="highlights-switching__card-text"> <h3 class="highlights-switching__card-title">デバイス間に壁はなし</h3> <p class="highlights-switching__card-description">Galaxyにすれば、仕事やプライベートでの操作、健康の維持が、デバイスをまたいでシームレスに行えます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-28"></a></sup></p> <div class="highlights-switching__card-cta"> <a href="//www.samsung.com/jp/mobile/connected-experience/" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:why-switch^galaxy-eco-system:page:campaigns^galaxy-ecosystem" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:why-switch^galaxy-eco-system:page:campaigns^galaxy-ecosystem"> <span class="common-cta-underline__text">Connected Experienceの詳細を見る</span> </a> </div> </div> <div class="highlights-switching__card-img-area"> <div class="highlights-switching__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-connect.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-connect-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-connect-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> <div class="highlights-switching__card highlights-switching__card--quick-share"> <div class="highlights-switching__card-text"> <h3 class="highlights-switching__card-title">一瞬でファイル共有</h3> <p class="highlights-switching__card-description">Quick Share(クイックシェア)なら、Galaxy以外のデバイスにも写真、動画、さまざまなファイルを簡単に送信できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-29"></a></sup> これまではGalaxyデバイス同士でしか使えなかった機能が、近くのAndroidとも使えるようになりました。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-30"></a></sup> </p> </div> <div class="highlights-switching__card-img-area"> <div class="highlights-switching__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-quick-share.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-quick-share-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-quick-share-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> <div class="highlights-switching__card highlights-switching__card--try-galaxy"> <div class="highlights-switching__card-text"> <h3 class="highlights-switching__card-title"> お持ちのスマートフォンでTry Galaxy </h3> <p class="highlights-switching__card-description highlights-switching__card-description--mo"> 最新のGalaxyデバイスはもうお試しになりましたか? まだの方は、すぐにお手持ちのスマートフォンで最新のGalaxyデバイスのUIやGalaxyのAI機能をお試しいただけます。QRコードをスキャンするだけ。Try Galaxyをダウンロードしてお試しください。 </p> <p class="highlights-switching__card-description highlights-switching__card-description--pc"> 最新のGalaxyデバイスはもうお試しになりましたか? まだの方は、すぐにお手持ちのスマートフォンで最新のGalaxyデバイスのUIやGalaxyのAI機能をお試しいただけます。QRコードをスキャンするだけ。Try Galaxyをダウンロードしてお試しください。 </p> <div class="highlights-switching__card-cta"> <a href="https://trygalaxy.com/?utm_source=samsungcoms24&utm_medium=link&utm_campaign=trygalaxy2024" target="_blank" class="common-cta-underline js-bg-img" title="新しいウィンドウで開く" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:why-switch^try-galaxy:page:try-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:why-switch^try-galaxy:page:try-galaxy" style=" padding-bottom: 15px;"> <span class="common-cta-underline__text">trygalaxy.comを体験してみる</span> </a> </div> </div> <div class="highlights-switching__card-img-area"> <div class="highlights-switching__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-try-galaxy.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-try-galaxy-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-switching-try-galaxy-mo.jpg" alt="QRコードでTry Galaxyにアクセスする"> </div> </div> </div> </div> </div> </div> <!-- quick-share --> <div id="quick-share" class="highlights-quick-share"> <div class="common-inner common-textbox-wrap--column highlights-quick-share__inner"> <div class="common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">Galaxy以外のデバイスともQuick Share(クイックシェア)</span> </h2> <p class="common-description"> <span class="common-text">共有できるのは、Galaxyのスマートフォンだけではありません。QRコードや保存された連絡先を使えば、iOSのユーザー、近くにいない友人や家族とも共有が行えます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-30"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-31"></a></sup> </span> </p> </div> <div class="highlights-quick-share__content"> <div class="highlights-quick-share__image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-quick-share_1.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-quick-share-tb_1.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-quick-share-mo_1.jpg" aria-hidden="true" alt=""> </div> </div> </div> </div> <!-- privacy --> <div id="privacy-security" class="highlights-privacy"> <div class="common-inner common-textbox-wrap--column highlights-privacy__inner"> <div class="common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">プライバシーを守る</span> </h2> <p class="common-description"> <span class="common-text"> AIの時代においても、当社の最優先事項がユーザープライバシーであることは変わりません。Galaxy AI対応のGalaxy S24シリーズでも、ご安心ください。本人の同意なしに、いかなる目的であれ、個人情報を保存することも、使用することもありません。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-32"></a></sup></span> </p> </div> <div class="highlights-privacy__content"> <div class="highlights-privacy__video"> <div class="common-video js-scroll-video js-bg-img" data-theme-type="white" data-thumbnail-type="set" data-start-point="" data-reverse-point="" data-mo-start-point="" data-mo-reverse-point=""> <div class="common-video__control-wrap"> <button type="button" class="common-video__control common-play-button" title="プライバシー&セキュリティに関する動画" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:privacy-and-security:movi-play:main-movie" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:privacy-and-security:movi-play:main-movie"> <span class="blind"></span> </button> </div> <figure class="common-video__figure"> <video playsinline muted class="js-video-src js-res-video common-video__video" data-video-src-pc="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-privacy-and-security" data-video-src-tb="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-privacy-and-security-tb" data-video-src-mo="//images.samsung.com/is/content/samsung/assets/jp/smartphones/galaxy-s24/videos/galaxy-s24-highlights-privacy-and-security-mo"></video> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img common-video__cover-image" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-privacy-and-security-start.jpg" data-src-tb="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-privacy-and-security-start-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-privacy-and-security-start-mo.jpg" aria-hidden="true" alt=""> <p class="blind">Samsung Knox</p> </figure> </div> </div> </div> </div> </div> <!-- sustainability --> <div id="sustainability" class="highlights-sustainability"> <div class="common-inner common-textbox-wrap--column highlights-sustainability__inner"> <div class="common-textbox common-textbox--vertical"> <h2 class="common-sub-headline"> <span class="common-text">変化の始めは小さな歩みから</span> </h2> <p class="common-description"> <span class="common-text">Samsungは、持続可能な未来へ向けて一歩ずつ前進しています。私たちは、小さな変化の積み重ねが大きな変化をもたらし、持続可能な未来をつくると信じています。</span> </p> </div> <div class="highlights-sustainability__content"> <div class="highlights-sustainability__image"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-sustainability.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-sustainability-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-sustainability-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> </div> <!-- Galaxy Experiences --> <section id="galaxy-offers" class="highlights-galaxy-offers"> <div class="common-inner highlights-galaxy-offers__card"> <div class="highlights-galaxy-offers__card-container swiper-container"> <div class="highlights-galaxy-offers__card-list swiper-wrapper" role="list"> <div class="highlights-galaxy-offers__card-item highlights-galaxy-offers__card-item--trade-in swiper-slide" role="listitem"> <div class="highlights-galaxy-offers__card-item-inner"> <div class="highlights-galaxy-offers__card-text"> <div class="highlights-galaxy-offers__card-text-wrap"> <h2 class="highlights-galaxy-offers__card-title"> <span class="common-text">下取りするとおトク</span> </h2> <p class="highlights-galaxy-offers__card-desc"> <span class="common-text">お使いのスマートフォンを下取りに出せば、Galaxy S24をおトクに手に入れることができます。Samsungオンラインショップならご購入時に下取りサービスにお申込みいただけます(キャリアモデルをご購入の場合の下取りプログラムについては、各キャリアにお問い合わせください)。</span> </p> </div> </div> <div class="highlights-galaxy-offers__card-img"> <img src="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-trade-in-tb.jpg?imbypass=true" class="js-res-img is-img-load-complete" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-trade-in.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-trade-in-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-trade-in-mo.jpg" alt="An older smartphone flies away while a new Galaxy S24 Plus bounds forward."> </div> </div> </div> <div class="highlights-galaxy-offers__card-item highlights-galaxy-offers__card-item--storage swiper-slide" role="listitem"> <div class="highlights-galaxy-offers__card-item-inner"> <div class="highlights-galaxy-offers__card-text"> <div class="highlights-galaxy-offers__card-text-wrap"> <h2 class="highlights-galaxy-offers__card-title"> <span class="common-text">最大512GBのストレージ</span> </h2> <p class="highlights-galaxy-offers__card-desc"> <span class="common-text">ストレージの容量は256GB、512GB、1TBからお選びいただけます。オンライン限定の高容量モデルなら、写真も動画も思う存分保存できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-34"></a></sup> </span> </p> </div> </div> <div class="highlights-galaxy-offers__card-img"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-storage-a.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-storage-a-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-galaxy-offers-storage-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> </div> <div class="highlights-galaxy-offers__arrows"> <button type="button" class="highlights-galaxy-offers__arrow highlights-galaxy-offers__arrow--next swiper-button-next" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-experiences:arrow:next" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-experiences:arrow:next"> <span class="blind">次へ</span> </button> <button type="button" class="highlights-galaxy-offers__arrow highlights-galaxy-offers__arrow--prev swiper-button-prev swiper-button-disabled" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:galaxy-experiences:arrow:previous" ga-ca="indication" ga-ac="carousel" ga-la="galaxy-s24:highlights:galaxy-experiences:arrow:previous"> <span class="blind">前へ</span> </button> </div> </div> </div> </section> <!-- ACC Banner --> <section id="accessories" class="highlights-accessories"> <div class="common-inner"> <div class="highlights-accessories__inner"> <div class="highlights-accessories__content"> <div class="highlights-accessories__textbox"> <h2 class="highlights-accessories__headline"> <span class="common-text">新たな時代のアクセサリー<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-35"></a></sup> </span> </h2> <div class="common-cta-area"> <a href="https://www.samsung.com/jp/smartphones/galaxy-s24/accessories/" class="common-cta-encased" title="Galaxy S24 | S24+アクセサリー" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:accessories:link-page:accessories" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:accessories:link-page:accessories"> <span class="common-cta-encased__text">詳しく見る</span> </a> </div> </div> <div class="highlights-accessories__visual"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-res-img js-img-src" data-src-pc="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-accessories-banner_1.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-accessories-banner-tb.jpg" data-src-mo="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/galaxy-s24-highlights-accessories-banner-mo_1.jpg" alt="ケースが装着された4台のGalaxy(ギャラクシー)スマートフォン。左からイエロー、クリーム、グレー、ホワイト(ハートロゴ)のケースの端末が並んだ状態。"> </div> </div> </div> </div> </section> <!-- FAQ --> <section id="faq" class="highlights-faq"> <div class="common-inner highlights-faq__feature"> <h2 class="highlights-faq__feature-title">よくある質問</h2> <ul class="highlights-faq__list" role="list"> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item1" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:colors" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:colors">Galaxy S24にはどのようなカラーがありますか?</button> </h3> <div class="highlights-faq__answer" id="faq_item1" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>Galaxy S24のデバイスは、アンバー イエロー、オニキス ブラック、コバルト バイオレットの3色展開です。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-9"></a></sup></p> <a href="#colors" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^colors:link-anchor:design^colors" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^colors:link-anchor:design^colors"> <span class="common-cta-encased__text">カラーの詳細を見る</span> </a> </div> </div> </li> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item2" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:upgrade" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:upgrade">Galaxy S24と従来モデルのGalaxy S23の違いは何ですか? </button> </h3> <div class="highlights-faq__answer" id="faq_item2" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>Galaxy S24のディスプレイサイズは約6.2インチで、Galaxy S23からは約0.1インチ大きくなりました。Galaxy S24のバッテリー駆動時間 <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-23"></a></sup> は、4,000mAh(標準)で従来モデルであるGalaxy S23と比べると100mAh増となっています。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-8"></a></sup> </p> <!-- <a href="https://www.samsung.com/jp/smartphones/galaxy-s24/compare/" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^compare:link-anchor:design^upgrades" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^compare:link-anchor:design^upgrades" title="Galaxy S24、S24 Plus"> <span class="common-cta-encased__text">製品を比較する</span> </a> --> </div> </div> </li> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item3" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:camera" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:camera">Galaxy S24のカメラにはどのような特徴がありますか?</button> </h3> <div class="highlights-faq__answer" id="faq_item3" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>Galaxy S24は、12MP(1,200万画素)のセルフィーカメラに加え、光学相当2倍ズームの50MP(5,000万画素)の広角カメラ、12MP(1,200万画素)の超広角カメラ<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-11"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-new-12"></a></sup>、10MP(1,000万画素)の光学3倍ズームカメラで構成されるトリプルリアカメラを搭載しています。また、2倍や3倍ズームのポートレートモードを使用して、ダイナミックなクローズアップ写真を撮影できます。低照度の環境でも、ナイトグラフィーで撮影時のノイズを軽減できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-12"></a></sup> さらに、新たなProVisual engineにより、デジタルズームの距離からでも細部と色彩を補強して、クリアで色鮮やかな高解像度の写真を撮影可能です。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-13"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-14"></a></sup></p> <a href="#camera" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^camera:link-anchor:camera" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^camera:link-anchor:camera" title="ProVisual engineで細部まで美しく"> <span class="common-cta-encased__text">カメラの詳細を見る</span> </a> </div> </div> </li> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item4" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:low-light-zoom" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:low-light-zoom">Galaxy S24にはナイトグラフィーが使えますか?</button> </h3> <div class="highlights-faq__answer" id="faq_item4" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>Galaxy S24には、ナイトグラフィーを撮影するための機能が搭載されています。トリプルアウトカメラにだけではなく、専用のISP(画像処理)ブロックにより、セルフィーカメラでも鮮やかなナイトグラフィーの写真と動画を撮影できます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-12"></a></sup> さらに、ProVisual engineのAIを駆使したズーム機能では、ノイズを低減し細部を補強することで、低照度下でもシャープな写真や動画の撮影が可能です。<!-- <sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-6"></a></sup> --> </p> <a href="#low-light-zoom" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^low-light:link-anchor:camera^low-light-zoom" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^low-light:link-anchor:camera^low-light-zoom" title="遠くまで鮮明に。たとえ暗闇でも。"> <span class="common-cta-encased__text">低照度ズームの詳細を見る</span> </a> </div> </div> </li> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item5" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:galaxy-ai" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:galaxy-ai">Galaxy S24のAI機能は?</button> </h3> <div class="highlights-faq__answer" id="faq_item5" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>Galaxy S24では、多くのアプリや機能にAIが活用されています。例えば、カメラはAIズームを使用してズーム撮影を強化します。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-14"></a></sup> 生成AI編集などの画像編集にAIを使用して、背景を埋めたり、オブジェクトの移動、サイズ変更、削除ができます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-4"></a></sup> 「リアルタイム通訳」機能では、通話時に別の言語でのコミュニケーションが可能になります。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-2"></a></sup> </p> <a href="#galaxy-ai" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^galaxy-ai:link-anchor:galaxy-ai" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^galaxy-ai:link-anchor:galaxy-ai"> <span class="common-cta-encased__text">Galaxy AIの詳細を見る</span> </a> </div> </div> </li> <li class="highlights-faq__item js-bg-img" role="listitem" aria-expanded="false"> <h3 class="highlights-faq__question"> <button type="button" class="highlights-faq__question-arrow" aria-expanded="false" aria-controls="faq_item6" data-omni-type="microsite_pcontentinter" data-omni="galaxy-s24:highlights:faq:acdn-open:smart-switch" ga-ca="indication" ga-ac="accordion" ga-la="galaxy-s24:highlights:faq:acdn-open:smart-switch">iOSからデータを移行できますか?</button> </h3> <div class="highlights-faq__answer" id="faq_item6" tabindex="-1" aria-hidden="true"> <div class="highlights-faq__answer-inner"> <p>はい、Smart Switchでは、iOSデバイスや他社メーカーのAndroidデバイスから新しいGalaxyデバイスへと、データを簡単に転送することができます。<sup><a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-25"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-26"></a>,<a href="#desc-section" class="click_sup" title="免責事項を見る" data-sup-tag="sup-27"></a></sup> </p> <a href="#why-switch-to-galaxy" class="common-cta-encased highlights-faq__cta" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:faq^smart-switch:link-anchor:why-switch-to-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:faq^smart-switch:link-anchor:why-switch-to-galaxy" title="iOSからGalaxyへ乗り換える理由は?"> <span class="common-cta-encased__text">Smart Switchを見る</span> </a> </div> </div> </li> </ul> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "Galaxy S24とS24+にはどのようなカラーバリエーションがありますか?", "acceptedAnswer": { "@type": "Answer", "text": "Galaxy S24とS24+は、コバルト バイオレット、アンバー イエロー、オニクス ブラック、マーブルグレーの4色です。ジェイド グリーン、サファイア ブルー、サンドストーン オレンジは海外のSamsung.comだけのオンライン限定カラー(Globalモデル)です。" } }, { "@type": "Question", "name": "Galaxy S24とS24+は従来モデルとどのように違いますか?", "acceptedAnswer": { "@type": "Answer", "text": "Galaxy S24とS24+のディスプレイサイズはそれぞれ約6.2インチと約6.7インチで、いずれもGalaxy S23とS23+からは約0.1インチずつ大きくなりました。ただし、Galaxy S23の画面はFHD+であるのに対し、Galaxy S24+はQHD+ディスプレイとなっています。Galaxy S24と比べてGalaxy S24+のバッテリー寿命は長く、 旧機種と比較すると、Galaxy S24は4,000mAh(標準)でGalaxy S23から100mAh増、またGalaxy S24+は4,900mAh(標準)でGalaxy S23+から200mAh増となっています。 " } }, { "@type": "Question", "name": "Galaxy S24とS24+のカメラにはどのような特徴がありますか?", "acceptedAnswer": { "@type": "Answer", "text": "Galaxy S24とS24+はいずれも、12MP(1,200万画素)のセルフィーカメラに加え、光学2倍ズームの50MP(5,000万画素)の広角カメラ、12MP(1,200万画素)の超広角カメラ 、10MP(1,000万画素)の光学3倍ズームカメラで構成されるトリプルアウト(メイン)カメラを搭載しています。2倍または3倍ズームのポートレートモードを使用して、ダイナミックなクローズアップ写真を撮影できます。低照度の環境でも、ナイトグラフィーのおかげで撮影時のノイズを低減できます。 また、新しいProVisual engineにより、デジタルズームの距離からでも細部と色彩を補強して、クリアで色鮮やかな高解像度の写真撮影が可能です。 " } }, { "@type": "Question", "name": "Galaxy S24とS24+にはナイトグラフィーが使えますか?", "acceptedAnswer": { "@type": "Answer", "text": "はい、Galaxy S24とS24+にはナイトグラフィーを撮影するための機能が搭載されています。アウト(メイン)カメラにだけではありません。専用のISPブロックにより、セルフィーカメラでも鮮やかなナイトグラフィーの写真と動画を撮影できます。 さらに、ProVisual engineのAIを駆使したズーム機能では、ノイズを低減し細部を補強することで、低照度下でもシャープな写真や動画の撮影が可能です。 " } }, { "@type": "Question", "name": "Galaxy S24とS24+のAI機能は?", "acceptedAnswer": { "@type": "Answer", "text": "Galaxy S24とS24+では、多くのアプリやエクスペリエンスにAIが活用されています。例えば、カメラはAI Zoomを使用してズーム撮影を強化します。 Generative Editなどの画像編集にAIを使用して、背景を埋めたり、オブジェクトの移動、サイズ変更、削除ができます。 リアルタイム通訳機能では、通話時に別の言語でのコミュニケーションが可能になります。 " } }, { "@type": "Question", "name": "iOSからデータを移行できますか?", "acceptedAnswer": { "@type": "Answer", "text": "はい、Smart Switchを使用して、iOSや他のAndroidから新しいGalaxyデバイスへ簡単にデータを移行できます。 " } } ] } </script> </section> <!-- Common Banner --> <div class="common-banner"> <div class="common-banner__inner"> <div class="common-banner__item-wrap"> <div class="common-banner__item common-banner__item--mktpd"> <div class="common-banner__content"> <p class="common-banner__headline">Galaxy S24 Ultra</p> <div class="common-banner__cta-wrap"> <a href="//www.samsung.com/jp/smartphones/galaxy-s24-ultra/" class="common-cta-encased common-cta-encased--white common-banner__cta" title="Galaxy S24 Ultra" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:bottom^bnn:link-page:galaxy-s24-ultra" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:bottom^bnn:link-page:galaxy-s24-ultra"> <span class="common-cta-encased__text">詳細を見る</span> </a> </div> </div> <div class="common-banner__visual"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-mktpd.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-mktpd-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-mktpd-mo.jpg" aria-hidden="true" alt=""> </div> </div> <div class="common-banner__item common-banner__item--buying"> <div class="common-banner__content"> <p class="common-banner__headline">Galaxy S24の最新情報をいち早く手に入れる</p> <div class="common-banner__cta-wrap shop-status"> <a href="#" class="common-cta-encased common-banner__cta shop-status__buy-now" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:btm^banner:conv-pdt:buy-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="buy now" ga-la="galaxy-s24:highlights:btm^banner:conv-pdt:buy-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased common-banner__cta shop-status__pre-reserve" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:btm^banner:conv-pdt:reserve-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="reserve now" ga-la="galaxy-s24:highlights:btm^banner:conv-pdt:reserve-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased common-banner__cta shop-status__pre-order" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:btm^banner:conv-pdt:pre-order-now|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="pre-order now" ga-la="galaxy-s24:highlights:btm^banner:conv-pdt:pre-order-now"> <span class="common-cta-encased__text">ご購入はこちら</span> </a> <a href="#" class="common-cta-encased common-banner__cta shop-status__wheretobuy" title="Galaxy S24 | S24+" data-omni-type="microsite_buyAction" data-omni="galaxy-s24:highlights:btm^banner:conv-pdt:where-to-buy|;SM-S921|SM-S926" ga-ca="buy cta" ga-ac="where to buy" ga-la="galaxy-s24:highlights:btm^banner:conv-pdt:where-to-buy"> <span class="common-cta-encased__text">取扱サイトを探す</span> </a> </div> </div> <div class="common-banner__visual"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-buying.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-buying-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-buying-mo.jpg" aria-hidden="true" alt=""> </div> </div> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "3DModel", "image": "https://www.samsung.com/global/galaxy/galaxy-s24/images/galaxy-s24-thumbnail-image.jpg", "name": "Samsung Galaxy S24 | S24+", "encoding": [{ "@type": "MediaObject", "contentUrl": "https://images.samsung.com/common/smartphones/models/galaxy-s24-plus/galaxy-s24-plus-cobalt-violet.glb", "encodingFormat": "model/gltf-binary" }, { "@type": "MediaObject", "contentUrl": "https://images.samsung.com/common/smartphones/models/galaxy-s24-plus/galaxy-s24-plus-cobalt-violet.usdz", "encodingFormat": "model/vnd.usdz+zip" } ] } </script> <div class="common-banner__item common-banner__item--ar"> <a href="#" class="common-banner__ar-link" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:bottom^bnn:link-page:open-in-ar" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:bottom^bnn:link-page:open-in-ar"> <div class="common-banner__content"> <p class="common-banner__headline">Galaxy S24をARで見る</p> <div class="common-banner__ar-link-box"> <div class="common-banner__ar-qr"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-ar-qrcode.png" alt="AR体験のためのQRコード"> </div> <div class="common-banner__cta-wrap common-banner__ar-cta-wrap"> <div class="common-cta-encased common-banner__cta common-banner__ar-cta"> <span class="common-cta-encased__text">ARで開く</span> </div> </div> <div class="common-banner__ar-icon"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-banner-ar-pc.png" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-banner-ar-tb.png" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/icon-banner-ar-mo.png" aria-hidden="true" alt=""> </div> </div> </div> <div class="common-banner__bg"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-ar-bg.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-ar-bg-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-ar-bg-mo.jpg" aria-hidden="true" alt=""> </div> </a> </div> </div> <div class="common-banner__why"> <div class="common-banner__content"> <p class="common-banner__headline">Galaxyを自分仕様に</p> <div class="common-banner__cta-wrap"> <a href="//www.samsung.com/jp/mobile/why-galaxy/" class="common-cta-encased common-cta-encased--white common-banner__cta" title="Why Galaxyページ" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:bottom^bnn:link-page:why-galaxy" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:bottom^bnn:link-page:why-galaxy"> <span class="common-cta-encased__text">詳細を見る</span> </a> </div> </div> <div class="common-banner__bg"> <img src="/samsung/resources/global/galaxy-s24/common/images/blank.gif" class="js-img-src js-res-img" data-src-pc="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-why-galaxy.jpg" data-src-tb="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-why-galaxy-tb.jpg" data-src-mo="//images.samsung.com/jp/smartphones/galaxy-s24/images/galaxy-s24-common-banner-why-galaxy-mo.jpg" aria-hidden="true" alt=""> </div> </div> </div> </div> <!-- pdp_bottom_cta --> <div class="pdp-inner-wrap"> <div class="pdp-inner"> <div id="pd-banner" class="specs-wrap" data-role-type="pd-module"> <div class="product-specs"> <div class="product" style="overflow: hidden;"> <figure class="img"> <img src="//images.samsung.com/is/image/samsung/assets/jp/smartphones/galaxy-s24/images/buy_galaxy-s24.jpg" alt="Galaxy S24"> </figure> <div id="pd-link-0" class="links-wrap"> <div> <div><a href="https://www.samsung.com/jp/smartphones/galaxy-s24/buy/" an-tr="pd-banner-flagship pdp-buy_cta2" an-ac="Buy samsung Galaxy S24" an-la="Galaxy S24:buy now samsung" an-ca="buy cta" target="_blank" class="btn-buy btn-link-type" title="Buy Galaxy S24"> <span>ご購入はこちら</span></a></div> <div><a href="https://onlineshop.smt.docomo.ne.jp/products/detail.html?mobile-code=004IG&utm_source=maker_samsung&utm_medium=other&utm_campaign=ols_202404_prd-sc51e&utm_content=samsung-purchase-sc51e" an-tr="pd-banner-flagship pdp-buy_cta2" an-ac="Buy docomo Galaxy S24" an-la="Galaxy S24:buy now docomo" an-ca="buy cta" target="_blank" class="btn-buy1 btn-link-type" title="Buy Galaxy S24"> <span>docomo Online Shopで見る</span><span class="links-arrow"><span></span></span></a></div> <div><a href="https://www.au.com/mobile/product/smartphone/galaxy_s24/?medid=referral&serial=Galaxy&srcid=2024ss" an-tr="pd-banner-flagship pdp-buy_cta2" an-ac="Buy au Galaxy S24" an-la="Galaxy S24:buy now au" an-ca="buy cta" target="_blank" class="btn-buy2 btn-link-type" title="Buy Galaxy S24"><span>au Online Shopで見る</span><span class="links-arrow"><span></span></span></a></div> </div> </div> </div> </div> </div> </div> </div> <!-- YT layerpopup layout --> <div class="common-youtube-popup" tabindex="-1" aria-hidden="true"> <div class="common-youtube-popup__inner"><span class="common-youtube-popup__close-area"></span> <div class="common-youtube-popup__content"> <span class="common-youtube-popup__close"> <button type="button" class="common-youtube-popup__close-cta" data-omni-type="microsite_contentinter" ga-ca="content click" ga-ac="feature"> <span class="blind">閉じる</span> </button> </span> <div class="common-youtube-popup__iframe"> <iframe allowfullscreen allow="autoplay" title="" src="about:blank" tabindex="0" aria-hidden="false"></iframe> <span class="youtube-player__desc blind"></span> </div> </div> </div> </div> <!-- Viewer Popup --> <div id="see-in-360" class="highlights-viewer" role="dialog" aria-modal="true"> <div class="highlights-viewer__wrap"> <div class="highlights-viewer__inner"> <div class="highlights-viewer__close"> <button tabindex="-1" class="highlights-viewer__close-cta" type="button" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:see-in-360^galaxy-s24:lypu-close:close" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:see-in-360^galaxy-s24:lypu-close:close"> <span class="blind">レイヤーポップアップを閉じる</span> </button> </div> <div class="highlights-viewer__contents"> <div class="highlights-viewer__contents-wrap"> <div class="highlights-viewer__header"> <span class="highlights-viewer__title highlights-viewer__title-pc">360°で見る</span> <button tabindex="-1" type="button" class="highlights-viewer__title highlights-viewer__title-cta common-cta-encased common-cta-encased--filled" title="情報" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:see-in-360:popup:popup^see-in-360" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:see-in-360:popup:popup^see-in-360"> <span class="highlights-viewer__title-text">360°で見る</span> <span class="highlights-viewer__title-info"></span> </button> <div class="highlights-viewer__header-inner"> <div class="highlights-viewer__header-close"> <button tabindex="-1" type="button" class="highlights-viewer__header-close-cta" data-bg-lazy="true" aria-label="ポップアップを閉じる"></button> </div> <p class="common-sub-headline"> <span class="common-text">いろんな角度から見てみましょう</span> </p> </div> </div> <div class="highlights-viewer__container"> <div class="highlights-viewer__container-viewer-wrap"> <iframe class="highlights-viewer__container-viewer" allowfullscreen src="about:blank" title="Galaxy S24 Plusの各カラーを360°で見る" style="display: block;"> </iframe> </div> </div> <div class="highlights-viewer__scroll" tabindex="-1" aria-hidden="true"> <button tabindex="-1" type="button" class="highlights-viewer__scroll-btn highlights-viewer__scroll-btn--up" disabled data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:see-in-360^galaxy-s24:slct-item:up" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:see-in-360^galaxy-s24:slct-item:up"> <svg aria-hidden="true" focusable="false" height="8.062" viewbox="0 0 13.97 8.062" width="13.97" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#000" transform="translate(-1279.03 -133.969)"> <path d="m1286.07 141.683-6.67-7.365"></path> <path d="m1285.94 141.683 6.67-7.365"></path> </g> </svg> <span class="blind">上方にスクロール</span> </button> <span class="highlights-viewer__scroll-bar"></span> <button tabindex="-1" type="button" class="highlights-viewer__scroll-btn highlights-viewer__scroll-btn--down" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:ee-in-360^galaxy-s24:slct-item:down" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:ee-in-360^galaxy-s24:slct-item:down"> <svg aria-hidden="true" focusable="false" height="8.062" viewbox="0 0 13.97 8.062" width="13.97" xmlns="http://www.w3.org/2000/svg"> <g fill="none" stroke="#000" transform="translate(-1279.03 -133.969)"> <path d="m1286.07 141.683-6.67-7.365"></path> <path d="m1285.94 141.683 6.67-7.365"></path> </g> </svg> <span class="blind">下方にスクロール</span> </button> </div> <div class="highlights-viewer__dimmed"></div> </div> </div> </div> </div> </div> <!-- Bottom Disclaimer --> <div class="common-bottom-disclaimer" id="desc-section"> <div class="dotcom-footer-banner"> <div class="dotcom-footer-banner__inner"> <p class="dotcom-footer-banner__text">ビジネスのまったく新たな方法</p> <a href="//www.samsung.com/jp/business/" class="dotcom-footer-banner__btn" aria-label="法人向けのSamsung Galaxyスマートフォンの詳細を見る" data-omni-type="microsite_contentinter" data-omni="galaxy-s24:highlights:bottom^bnn:link-page:business-site" ga-ca="content click" ga-ac="feature" ga-la="galaxy-s24:highlights:bottom^bnn:link-page:business-site"> <span>法人のお客様はこちら</span> </a> </div> </div> <div class="common-bottom-disclaimer__inner"> <div class="dotcom-footer-module"> <div class="common-bottom-disclaimer__list" role="list"> <p class="common-bottom-disclaimer__list-item" role="listitem">*ここに記載されているすべての仕様および詳細は、実際の製品の仕様および説明とは異なる場合があります。当社は、本ページおよび本ページに記載された製品をいつでも変更する権利を留保し、その変更を通知する義務を負いません。本ページで提供するすべての機能、特徴、仕様、グラフィカルユーザインタフェース(GUI)およびその他の製品情報(製品の利点、設計、価格設定、コンポーネント、性能、使用可否および機能を含むがこれらに限定されない)は、予告なく変更されることがあり、当社はその変更を通知する義務を負いません。画面内のコンテンツはイメージであり、デモンストレーションのみを目的としています。</p> <p class="common-bottom-disclaimer__list-item" role="listitem">*一部のGalaxy AIの機能を使用するには、Samsungアカウントへのログインが必要な場合があります。</p> <p class="common-bottom-disclaimer__list-item" role="listitem">*当社はAI機能によって提供されるものに対し、正確性、完全性および信頼性について、いかなる保証もいたしません。</p> <p class="common-bottom-disclaimer__list-item" role="listitem">*画像はイメージです。実際のUIは異なる場合があります。</p> <p class="common-bottom-disclaimer__list-item" role="listitem">*Galaxy AIは、対応するGalaxyデバイスで2025年末まで無料で提供される機能です。 第三者が提供するAI機能には、異なる条件を適用する可能性があります。</p> </div> <div class="dotcom-footer-module__area"> <!-- High Contrast --> <div class="high-contrast"> <button type="button" class="high-contrast__btn high-contrast__btn--contrast" title="高コントラストボタン">C</button> <button type="button" class="high-contrast__btn high-contrast__btn--default" title="デフォルトコントラストボタン">C</button> </div> <!--Select network --> <div class="select-network js-bg-img"> <button type="button" class="select-network__btn" title="帯域幅に合わせて最適化されたコンテンツを表示" aria-expanded="false">ネットワーク速度</button> <div class="select-network__option-area"> <button type="button" class="select-network__option select-network__option--high" data-speed="H" data-label="(HIGH)">- 高帯域幅モード</button> <button type="button" class="select-network__option select-network__option--low" data-speed="L" data-label="(LOW)">- 低帯域幅モード</button> </div> </div> </div> </div> <ol class="common-bottom-disclaimer__list" data-title="免責事項を見る" role="list"> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-1">画像はイメージです。動画は一部省略したシミュレーションであり、実際のUIとは異なる場合があります。インターネット接続とAndroidを最新バージョンにアップデートする必要があります。製品の機能は、お使いのアプリやデバイスの設定によって異なる場合があります。一部の機能は一部のアプリと互換性がない場合があります。国や言語によって使用できるサービスが異なります。結果の正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-2">リアルタイム通訳はネットワーク接続とSamsungアカウントへのログインが必要です。リアルタイム通訳は、プリインストールされたSamsungの「電話」アプリでのみご使用いただけます。言語によっては言語パックのダウンロードが必要です。サービスの利用可否は、国や言語によって異なる場合があります。リアルタイム通訳結果の正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-3">「通訳」機能はSamsungアカウントのログインが必要です。一部の言語では、言語パックのダウンロードが必要です。言語によってサービスを利用できない場合があります。結果の正確性は保証いたしません。サービスの利用可否は国や地域、キャリアによって異なる場合があります。利用可能な対応言語は異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-3">レコーディングアシストにはネットワーク接続とSamsungアカウントへのログインが必要です。レコーディングアシストは、プリインストールされたSamsungの「ボイスレコーダー」アプリ、またはプリインストールされたSamsungの「電話」アプリで録音されたファイルでのみご使用いただけます。プリインストールされたSamsungの「電話」アプリの録音機能の利用可否は、国や地域によって異なります。3時間を超える音声ファイルは処理されません。レコーディングアシストの要約機能は、一定の文字数を超えると有効化されます。サービスの利用可否は、国や言語によって異なる場合があります。アシスト結果の正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-4">生成AI編集にはネットワークへの接続とSamsungアカウントへのログインが必要です。生成AI編集で編集すると、最大12MP(1,200万画素)にリサイズされます。画像がAIによって生成されたことを示すために、保存時に出力画像にウォーターマークが重ねられます。生成された出力画像の正確性と信頼性は保証いたしません。</li> <!-- <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-5">Galaxy S24と比較したGalaxy S24+。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-6">Galaxy S23、S23+との比較。</li> --> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-7">Galaxy S24の画面サイズは、対角線で測定した場合、完全な長方形とした場合で約6.2インチ、角の丸みを考慮すると約6インチです。角に丸み、カメラホールにより、実際の表示可能領域は対角線測定値より小さくなります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-8">第三者の研究所が定める条件下で試験された標準値は、IEC 61960規格下でテストされたバッテリーサンプルでのバッテリー容量の偏差を考慮した推定平均値です。定格容量はGalaxy S24が3,880mAh、Galaxy S24 Ultraが4,855mAhとなっています。実際のバッテリー駆動時間は、使用されるネットワーク機能、使用パターン、その他の要因によって異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-9">カラーバリエーションは、国や地域、キャリアによって異なります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-10">フレームに音量やサイドキー、SIMトレイは含まれません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-11">アダプティブピクセルセンサーにより、光学相当ズームが可能です。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-12">2倍ズームは、「Camera Assistant」アプリの設定で有効にする必要があります。Camera AssistantはGalaxy Storeでインストールできます。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-12">仕上がりは、照明環境や撮影状況(複数の対象物、ピンボケ、動く対象物など)により異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-13">30倍スペースズームには、光学3倍ズームと、超解像度テクノロジーによる30倍デジタルズームが含まれます。3倍ズームを超えると、画像の劣化が生じる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-14">AIズームは、デジタルズームの範囲に適用されます。仕上がりの正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-15">ソーシャルメディアのアプリによっては、スーパーHDRに対応していない場合があります。仕上がりの正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-16">インスタグラムのフィード投稿としてアップロードされた写真やリールとしてアップロードされた動画では、HDR品質がサポートされます。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-22">「AIスケッチ」機能には、ネットワーク接続とSamsungアカウントへのログインが必要です。AIスケッチで編集すると、写真が最大で約1,200万画素にリサイズされます。画像がAIによって生成されたことを示すために、保存時に出力画像にウォーターマークが重ねられます。生成された出力画像の正確性と信頼性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-23">フォトアシストのライブエフェクト機能は、JPG、HEIC(HEIF)、BMP、PNG、WebPファイルに対応しています。一部の写真では使用できない場合があります。生成結果の正確性と信頼性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-18">チャットアシストの翻訳機能は、Samsungアカウントへのログインが必要な場合があります。チャットアプリによっては本機能に対応していない場合があります。言語によっては言語パックのダウンロードが必要です。サービスの利用可否は、国や言語によって異なる場合があります。本機能は、翻訳可能な言語が検出されると有効化されます。提案結果の正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-19">機能ウィジェットによっては、ネットワーク接続やSamsungアカウントのログインが必要な場合があります。アプリに対応する機能の利用可否は、国や地域によって異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-20">チャットアシストのトーン提案機能には、ネットワーク接続とSamsungアカウントへのログインが必要です。機能を有効化するには長さの要件を満たす必要があります。サービスの利用可否は、国や言語によって異なる場合があります。また提案結果の正確性は保証いたしません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-21">©2024 Gameloft.All Rights Reserved.Gameloft、Gameloftのロゴおよびアスファルトは米国および/またはその他の国におけるGameloftの商標です。すべての製造業者、車、名称、ブランドおよび関連画像は、各所有者の商標および/または著作権で保護された素材です。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-22">このディスプレイは、最大2,600nitsのピーク輝度を達成することができ、デジタルコンテンツの暗部と明部のコントラストを向上させ、より鮮やかな画質と、500万:1のコントラスト比で、モバイル体験をより没入感のあるものにしています。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-23">実際のバッテリー駆動時間は、ネットワーク環境、使用する機能やアプリ、通話やメッセージの頻度、充電回数など、さまざまな要因によって異なります。これは、UX Connect Researchがまとめた平均的な使用プロファイルに対して推定したものです。2023年11月25日から12月15日に米国と英国でSM-S921およびSM-S928の発売前のバージョンを使用して、LTEおよび5G Sub6ネットワークをデフォルト設定にしたものをUX Connect Researchが独自に評価したものです。5G mmWave(ミリ波)ネットワーク環境下でのテストは実施していません。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-24">プレリリースのモデルをBluetoothでイヤホンに接続し、初期設定のままLTEで通信した場合のSamsung社内試験条件によるものです。動画再生時(動画ファイル解像度720p、本体保存時)、音楽再生時(mp3ファイル、192kbps、LCDディスプレイがオフのデバイス保存時)のバッテリー消費電力に対して、バッテリー容量と電圧の測定値から推定したものです。実際の動画再生時間は、ネットワーク接続状況、設定、動画ファイル形式、画面の明るさ、バッテリーの状態など、さまざまな要因によって異なります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-25">Android™デバイスからの有線での転送には、受信デバイスがAndroid™ 4.3以上、送信デバイスがAndroid 4.3™以上である必要があります。転送は、ワイヤレス接続でケーブルなしでも実行できます。ワイヤレス接続は、受信デバイスがAndroid™ 4.0以上、送信デバイスがAndroid™ 4.0以上である必要があります。受信するGalaxyデバイスで「設定」の「Smart Switch」を開くか、Galaxy Storeで「Samsung Smart Switch Mobile」アプリをダウンロードしてください。転送できるデータとコンテンツは、転送方法により異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-26">iOSからの有線での転送には、受信デバイスがAndroid™ 4.3以上、送信デバイスがiOS 5以上である必要があります。ワイヤレス接続またはiCloud経由でワイヤレスでの転送を利用することもできます。ワイヤレス接続は、受信デバイスがAndroid™ 4.0以上、送信デバイスがiOS 12以上である必要があります。iCloudでの転送は、受信デバイスがAndroid™ 4.0以上、送信デバイスがiOS 5以上である必要があります。新しいGalaxy端末の「設定」から「Smart Switch」を開くか、Galaxy Storeで「Samsung Smart Switch Mobile」アプリをダウンロードしてください。ワイヤレス転送の場合、App Storeでお使いのiPhoneまたはiPadにiOS用「Samsung Smart Switch」アプリをダウンロードしてください。転送可能なデータやコンテンツは、転送方法により異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-27">さまざまなデータを一括で転送する場合は、有線での転送をお勧めします。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-28">Galaxy Buds2 Pro、Galaxy Watch6、Galaxy Tab S9は別売りです。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-29">Android OS 10(Q OS)以上及びOne UI 2.1以上のデバイスでご利用いただけます。対応するPCは、Samsungノートパソコン(Globalモデル)、2020年以降に発売されたQualcomm搭載のPCを含むSamsung NotebookやGalaxy Book(Globalモデル)、Intelバージョン22.50.02のBluetoothドライバー以上、Intelバージョン22.50.07のWi-Fiドライバー以上を搭載するWindows 10 2004バージョン以降の他社メーカーのWindows PCです。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-30">Galaxy Tab S9は別売りです。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-31">QRコードや連絡先を使用したファイル共有では、一度に最大1,000件のファイルを転送可能です。個々のファイルサイズは3GB未満で、1日に転送できるデータの合計は最大5GBです。リンクの有効期限は2日間です。送信者のデバイスにはSamsungアカウントが必要で、送信、受信どちらのデバイスにもインターネット接続が必要です。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-32">Knox Matrixは、GalaxyのスマートフォンとOne UI 6.0以上のタブレットに対応しています。利用可否は国や地域によって異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-34">ストレージオプションや容量は、国や地域、キャリアによって異なる場合があります。実際に使用できるストレージ容量はプリインストールされたソフトウェアによって異なる場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-35">すべてのアクセサリーは別売りです。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-35">Galaxy S24、S24 UltraはIP68規格です。これは、水深1.5メートルまでの淡水に最大30分間水没させた条件下における、研究所での試験結果に基づいています。ビーチやプールでの使用はお勧めしません。デバイスの防水性能および防塵性能は恒久的ではなく、通常使用によるダメージや時間とともに性能が低下する可能性があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-36">インスタントスローモーションを使用するには、Samsungの「動画プレーヤー」と「ギャラリー」アプリをダウンロードする必要があります。動画の仕様によっては、サービスを利用できない場合があります。</li> <li class="common-bottom-disclaimer__list-item" role="listitem" data-sup="sup-new-37">チャットアシストの翻訳機能には、ネットワーク接続、Samsungアカウントへのログイン、Galaxy Storeからダウンロードした言語パックが必要です。機能を有効にするには、長さの要件を満たす必要があります。利用可否は国や地域、または言語によって異なる場合があります。チャットアプリの種類によっては、この機能をサポートしていないものもあります。結果の正確性は保証いたしません。</li> </ol> </div> </div> </div> <!-- // 2. Body Contents --> <!-- 3. Javascript --> <script src="/samsung/resources/global/galaxy-s24/common/js/common.min.js"></script> <script> var LOCAL_VARI = { "selected": "選択中", "slide": "スライド", "play": "再生", "pause": "一時停止", "exclusive": "オンライン限定カラー(Globalモデル)", "default": "デフォルトカラー" }; </script> <script id="viewer-js"> var V3DLOCALDATA = { 'type': 'V3DLOCALDATA', 'galaxy-s24': { // "color": [ "cobalt-violet", "amber-yellow", "onyx-black", "marble-gray" ] "color": [ "cobalt-violet", "amber-yellow", "onyx-black" ] }, 'galaxy-s24-plus': { "color": [ ] }, 'text': { 'Cobalt Violet(Galaxy S24)': 'コバルト バイオレット', 'Amber Yellow(Galaxy S24)': 'アンバー イエロー', 'Onyx Black(Galaxy S24)': 'オニキス ブラック', 'Marble Gray(Galaxy S24)': 'マーブル グレー', 'Jade Green(Galaxy S24)': 'ジェイド グリーン', 'Sapphire Blue(Galaxy S24)': 'サファイア ブルー', 'Sandstone Orange(Galaxy S24)': 'サンドストーン オレンジ', 'Cobalt Violet(Galaxy S24 Plus)': 'コバルト バイオレット', 'Amber Yellow(Galaxy S24 Plus)': 'アンバー イエロー', 'Onyx Black(Galaxy S24 Plus)': 'オニキス ブラック', 'Marble Gray(Galaxy S24 Plus)': 'マーブル グレー', 'Jade Green(Galaxy S24 Plus)': 'ジェイド グリーン', 'Sapphire Blue(Galaxy S24 Plus)': 'サファイア ブルー', 'Sandstone Orange(Galaxy S24 Plus)': 'サンドストーン オレンジ', } }; </script> <script> (function (win, doc, callback) { 'use strict'; function detach() { doc.addEventListener ? doc.removeEventListener('DOMContentLoaded', complete) : doc.detachEvent('onreadystatechange', complete); } function complete() { (doc.addEventListener || 'load' === event.type || 'complete' === doc.readyState) && (detach(), callback(window, window.jQuery)); } function attach() { doc.addEventListener ? doc.addEventListener('DOMContentLoaded', complete) : doc.attachEvent('onreadystatechange', complete) } callback = callback || function () { }; attach(); })(window, document, function (win, $) { window.flagship.highlights = window.flagship.highlights || {}; flagship.highlights.common = (function(){ let status = {}; const utils = window.flagship.common.utils; const addLoadStatusClass = function () { if (utils.isLowNetwork()) document.documentElement.classList.add('low_network'); document.documentElement.classList.add('load'); }; const setResolution = function(currRes){ status.currentRes = currRes; if(status.currentRes != status.prevRes){ document.documentElement.classList.add(status.currentRes); document.documentElement.classList.remove(status.prevRes); status.prevRes = status.currentRes; } }; const onClickSup = function (e) { e.preventDefault(); e.stopPropagation(); let destIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[destIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; disclaimer.innerHTML = activeBlock; const eventList = { focusIn: function () { centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); disclaimer.querySelector('a').focus(); }; const centeredFocus = function (e) { e && e.preventDefault(); if(!!this.classList.contains('drop-menus')) return; status.winOffsetTop = window.pageYOffset + utils.getNavHeight(); status.winOffsetBottom = window.pageYOffset + window.innerHeight; if (!document.documentElement.classList.contains('ios') && e && e.relatedTarget == null) return; var targetRect = this.getBoundingClientRect(), targetOffsetTop = window.pageYOffset + targetRect.top, targetOffsetMid = targetOffsetTop + (targetRect.height / 2); if ((status.winOffsetTop >= targetOffsetMid || targetOffsetMid >= status.winOffsetBottom)) { setTimeout(function () { var winHeight = (window.innerHeight - utils.getNavHeight()) / 2; window.scrollTo(0, targetOffsetMid - winHeight); }, 10); } }; const setArBanner = function(){ const arBanner = document.querySelector('.common-banner__item--ar'); let arCta = null; if (!!arBanner) { arCta = arBanner.querySelector('.common-banner__ar-link'); const userAgent = navigator.userAgent, isAndroid = /Android/i.test(userAgent), isIos = 'MacIntel' == navigator.platform && navigator.maxTouchPoints > 1 || /iPhone|iPad|iPod/i.test(userAgent); let encodingUrl = ''; if (isAndroid) { encodingUrl = 'intent://arvr.google.com/scene-vie' + 'wer/1.0?file='.concat('ht' + 'tps://images.samsung.com/common/smartphones/models/galaxy-s24/galaxy-s24-mint.glb&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;S.browser_fallback_url=ht'+'tps://www.samsung.com;end;'); } else if (isIos) { encodingUrl = 'ht' + 'tps://images.samsung.com/common/smartphones/models/galaxy-s24/galaxy-s24-mint.usdz'; } if (!!encodingUrl) { arCta && arCta.setAttribute('href', encodingUrl); arBanner.classList.add('is-touch-device'); } else { $(arCta).replaceWith($('<div class="common-banner__ar-link">' + arCta.innerHTML + '</div>')); } } }; const isZoom = function () { const winInnerWidth = window.innerWidth, winOuterWidth = window.outerWidth; let zoomLevel = 100 / ((winInnerWidth / winOuterWidth) * 100); if(zoomLevel > 1.75) { document.documentElement.classList.add('browser-zoomed-175'); } else { document.documentElement.classList.remove('browser-zoomed-175'); } }; return { addLoadStatusClass: addLoadStatusClass, setResolution: setResolution, onClickSup: onClickSup, centeredFocus: centeredFocus, setArBanner:setArBanner, isZoom: isZoom, } })(); (function () { const resize = window.flagship.common.resize, common = window.flagship.highlights.common, utils = window.flagship.common.utils, agent = navigator.userAgent.toLowerCase(), maxOs = agent.indexOf('mac os') > -1, touchDevice = ('ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch)); let els = {}; const init = function () { els.videoWrap = document.querySelectorAll('.common-video'); els.isGlobal = document.documentElement.classList.contains('global'); if (!!els.videoWrap[0]) { setElements(); } }; const setElements = function () { // popup els.viewerPopup = document.querySelector('.highlights-viewer'); els.designSpecPopup = document.querySelector('.highlights-design-spec-popup'); els.cameraSpecPopup = document.querySelector('.highlights-resolution-popup'); els.dayVideoPopup = document.querySelector('.highlights-day-popup'); els.transcriptAssistPopup = document.querySelector('.highlights-live-translate-popup'); els.generativeEditExperience = document.querySelector('#generative-edit-experience'); els.circleToSearchExperience = document.querySelector('#circle-to-search-experience'); els.liveTranslateExperience = document.querySelector('#live-translate-experience'); els.chatAssistExperience = document.querySelector('#chat-assist-experience'); // video els.videosWrap = document.querySelectorAll('.common-video'); els.videos = document.querySelectorAll('.common-video video'); for (var i = 0; i < els.videosWrap.length; i++) { els.videos[i].videoWrap = els.videosWrap[i]; } }; const bindEvents = function () { window.addEventListener('load', anchorPosition); window.addEventListener('hashchange', anchorPosition); }; const anchorPosition = function () { if (window.location.hash != '') { switch (window.location.hash) { case '#s24-vs-s24-plus': if (els.designSpecPopup) els.designSpecPopup.show(); break; case '#see-in-360': if (els.viewerPopup) els.viewerPopup.show(); break; case '#camera-spec': if (els.cameraSpecPopup) els.cameraSpecPopup.show(); break; case '#day-video': if (els.dayVideoPopup) els.dayVideoPopup.show(); break; case '#transcript-assist': if (els.transcriptAssistPopup) els.transcriptAssistPopup.show(); break; case '#generative-edit-experience': if (els.generativeEditExperience) { els.generativeEditExperience.show(); } break; case '#circle-to-search-experience': if (els.circleToSearchExperience) { els.circleToSearchExperience.show(); } break; case '#live-translate-experience': if (els.liveTranslateExperience) { els.liveTranslateExperience.show(); } break; case '#chat-assist-experience': if (els.chatAssistExperience) { els.chatAssistExperience.show(); } break; default: let hash = location.hash.split('#')[1], hashSection = document.querySelector('#contents #' + hash), hashTimeout = null; clearTimeout(hashTimeout); hashTimeout = setTimeout(function () { if (hashSection) { let sectionTop = hashSection.getBoundingClientRect().top, navHeight = utils.getNavHeight(), hashScroll = window.pageYOffset + sectionTop - navHeight; window.scrollTo(0, hashScroll); } }, 300); break; } } }; var setResize = function () { resize.init([{ resolution: 1920, resolutionName: 'desktop', eventFunction: '' }, { resolution: 1023, resolutionName: 'tablet', eventFunction: '' }, { resolution: 767, resolutionName: 'mobile', eventFunction: '' }, { resolution: 320, resolutionName: 'mobileS', eventFunction: '' }], 200); resize.add(common.setResolution); }; const setScrollControl = function () { window.scrollController = ANIUTIL.scrollController(); scrollController.init({ speed: 120, duration: 0.5 }); }; const setImageLoader = function () { window.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-img-src', responsiveClass: '.js-res-img', preset: els.isGlobal ? '' : '?imbypass=true', loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.bgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-bg-img', loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }; const setVideoLoader = function () { window.videoLoader = ANIUTIL.mediaLoader({ type: 'video', lazyClass: '.js-video-src', responsiveClass: '.js-res-video', preset: els.isGlobal ? '' : '?imbypass=true', loadOption: [{ resolution: 1920, attribute: 'data-video-src-pc' }, { resolution: 1023, attribute: 'data-video-src-tb' }, { resolution: 767, attribute: 'data-video-src-mo' }, { resolution: 360, attribute: 'data-video-src-mo-s' }], visiblePoint: 1, endCallback: function (video) { if (video.videoWrap && !video.videoWrap.classList.contains('is-loaded')) { video.videoWrap.classList.add('is-loaded'); } } }); }; const setCenteredfocus = function () { els.contents = document.querySelector('#contents'); els.allClickables = els.contents.querySelectorAll('a, button, input, select'); for (let i = 0; i < els.allClickables.length; i++) { els.allClickables[i].addEventListener('focusin', common.centeredFocus); } }; const setDisclaimerNumber = function () { const supTag = document.querySelectorAll('.click_sup'), btmDicl = document.querySelectorAll('li.common-bottom-disclaimer__list-item'); let btmDiclArr = []; for (let i = 0; i < btmDicl.length; i++) { let dataSup = btmDicl[i].getAttribute('data-sup'); btmDiclArr.push(dataSup); } for (let j = 0; j < supTag.length; j++) { let dataSupTag = supTag[j].getAttribute('data-sup-tag'); let supChildCount = supTag[j].parentElement.childElementCount; if (btmDiclArr.indexOf(dataSupTag) > -1) { supTag[j].innerText = btmDiclArr.indexOf(dataSupTag) + 1; } else { if (supChildCount == 1) { supTag[j].parentElement.remove(); } else { let supParent = supTag[j].parentElement.childNodes; let supArr = []; for (let supIndex = 0; supIndex < supParent.length; supIndex++) { supArr.push(supParent[supIndex]); } let index = supArr.indexOf(supTag[j]); if (index != 0 && index % 2 == 0) { supParent[index].remove(); supParent[index - 1].remove(); } else { if (index != supArr.length) supParent[index + 1].remove(); supParent[index].remove(); } } } } }; const setDisclaimer = function () { els.supClicker = document.querySelectorAll('a.click_sup'); for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', common.onClickSup); } }; const setVideoTheme = function () { for (let i = 0; i < els.videoWrap.length; i++) { let colorType = els.videoWrap[i].getAttribute('data-theme-type'); if (colorType === 'white') { els.videoWrap[i].classList.add('common-video__white'); } else if (colorType === 'black') { els.videoWrap[i].classList.add('common-video__black'); } } }; const setVideoBlind = function () { for (let i = 0; i < els.videoWrap.length; i++) { els.videoWrap[i].control = els.videoWrap[i].querySelector('.common-video__control'); els.videoWrap[i].blind = els.videoWrap[i].querySelector('.blind'); els.videoWrap[i].blind.innerHTML = (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) ? LOCAL_VARI.play : 'play'; } }; const onLoadHandler = function () { common.addLoadStatusClass(); common.setArBanner(); init(); bindEvents(); setResize(); if (!maxOs && !touchDevice) { setScrollControl(); } setImageLoader(); setVideoLoader(); setCenteredfocus(); setDisclaimerNumber(); setDisclaimer(); setVideoTheme(); setVideoBlind(); common.isZoom(); resize.add(common.isZoom); }; onLoadHandler(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.accordion = (function () { const resize = window.flagship.common.resize; let els = {}; let objs = { accordion: [] }; let prevDevice = null; let currDevice = resize.checkResolution(); const init = function () { els.accordionList = document.querySelectorAll('.common-accordion__list'); if (!!els.accordionList && els.accordionList.length > 0) { bindEvents(); } }; const bindEvents = function () { resize.add(onResizeHandler); setAccordion(); }; const onResizeHandler = function (currRes) { currDevice = currRes; if (currDevice != prevDevice) { onResponsiveHandler(); prevDevice = currDevice; } }; const onResponsiveHandler = function () { for (let i = 0; i < els.accordionList.length; i++) { let isOpenedItem = els.accordionList[i].querySelector('.is-open'); if (!!isOpenedItem) { let isOpenedItemContent = isOpenedItem.querySelector('.js-accordion-content'); let clientHeight = isOpenedItemContent.children[0].clientHeight; isOpenedItemContent.style.height = `${clientHeight}px`; } } }; const setAccordion = function () { for (let i = 0; i < els.accordionList.length; i++) { objs.accordion[i] = new window.flagship.common.accordion({ wrap: els.accordionList[i], openType: 'single', open: { start: function (target) { handlerList.setImages(target); handlerList.setVideo(target); }, end: function (target) { let targetVideo = target.querySelector('.common-accordion__content video'); if (targetVideo && targetVideo.paused) targetVideo.play(); } }, close: { start: function (target) { let targetVideo = target.querySelector('.common-accordion__content video'); if (targetVideo && !targetVideo.paused) { targetVideo.pause(); targetVideo.currentTime = 0; } }, end: function () {} } }); objs.accordion[i].init(); } }; const handlerList = { setImages: function (target) { let targetImages = target.querySelectorAll('.common-accordion__content img'); if (targetImages && targetImages.length > 0) { for (let i = 0; i < targetImages.length; i++) { if (!targetImages[i].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia([targetImages[i]]); } } } }, setVideo: function (target) { let targetVideos = target.querySelectorAll('.common-accordion__content video'); if (targetVideos && targetVideos.length > 0) { for (let i = 0; i < targetVideos.length; i++) { if (!targetVideos[i].classList.contains('is-video-load-complete')) { videoLoader.setResponsiveMedia([targetVideos[i]]); } } } } } return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.clickToVideo = (function () { let els = {}, objs = { clickToVideo: [], }; const init = function () { els.clickToVideosWrap = document.querySelectorAll('.js-scroll-video-disable .common-video'); if (els.clickToVideosWrap.length > 0) { setElements(); setVideo(); } }; const setElements = function () { for (let i = 0; i < els.clickToVideosWrap.length; i++) { els.clickToVideosWrap[i].video = els.clickToVideosWrap[i].querySelector('.common-video__figure>video'); els.clickToVideosWrap[i].controller = els.clickToVideosWrap[i].querySelector('.common-video__control'); els.clickToVideosWrap[i].controller.video = els.clickToVideosWrap[i].video; els.clickToVideosWrap[i].controller.addEventListener('click', clickVideoCta); } }; const setVideo = function () { for (let i = 0; i < els.clickToVideosWrap.length; i++) { objs.clickToVideo[i] = ANIUTIL.videoHandler({ wrap: els.clickToVideosWrap[i], video: els.clickToVideosWrap[i].video, controller: els.clickToVideosWrap[i].controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function () { setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } } }); } }; const clickVideoCta = function (e) { if (e.target == e.currentTarget) { if (e.currentTarget.video.paused) { e.currentTarget.video.play(); } else { e.currentTarget.video.pause(); } } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.scrollVideo = (function () { const utils = window.flagship.common.utils, resize = window.flagship.common.resize; let els = {}, objs = { scrollVideo: [], scene: [] }, currDevice = resize.checkResolution(); const init = function () { els.scrollVideoWraps = document.querySelectorAll('.common-video.js-scroll-video'); els.pageScrollVideoWraps = []; if (!!els.scrollVideoWraps) { for (let i = 0; i < els.scrollVideoWraps.length; i++) { if (!els.scrollVideoWraps[i].parentElement.classList.contains('common-popup__video') && !els.scrollVideoWraps[i].parentElement.classList.contains('js-scroll-video-disable')) { els.pageScrollVideoWraps.push(els.scrollVideoWraps[i]); } } } if (els.pageScrollVideoWraps.length > 0) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; const setElements = function () { for (let i = 0; i < els.pageScrollVideoWraps.length; i++) { els.pageScrollVideoWraps[i].video = els.pageScrollVideoWraps[i].querySelector('.common-video__figure>video'); els.pageScrollVideoWraps[i].controller = els.pageScrollVideoWraps[i].querySelector('.common-video__control'); els.pageScrollVideoWraps[i].controller.video = els.pageScrollVideoWraps[i].video; els.pageScrollVideoWraps[i].startPoint = !!els.pageScrollVideoWraps[i].getAttribute('data-start-point') ? els.pageScrollVideoWraps[i].getAttribute('data-start-point') : undefined; els.pageScrollVideoWraps[i].reversePoint = !!els.pageScrollVideoWraps[i].getAttribute('data-reverse-point') ? els.pageScrollVideoWraps[i].getAttribute('data-reverse-point') : undefined; els.pageScrollVideoWraps[i].moStartPoint = !!els.pageScrollVideoWraps[i].getAttribute('data-mo-start-point') ? els.pageScrollVideoWraps[i].getAttribute('data-mo-start-point') : undefined; els.pageScrollVideoWraps[i].moReversePoint = !!els.pageScrollVideoWraps[i].getAttribute('data-mo-reverse-point') ? els.pageScrollVideoWraps[i].getAttribute('data-mo-reverse-point') : undefined; els.pageScrollVideoWraps[i].controller.addEventListener('click', handlerList.videoCta); } }; const bindEvents = function () { window.addEventListener('scroll', handlerList.scroll); handlerList.scroll(); resize.add(onResizeHandler); }; const onResizeHandler = function (currRes) { currDevice = currRes; }; const objList = { setVideo: function () { for (let i = 0; i < els.pageScrollVideoWraps.length; i++) { objs.scrollVideo[i] = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: (currDevice.indexOf('mobile') > -1) ? els.pageScrollVideoWraps[i].moStartPoint : els.pageScrollVideoWraps[i].startPoint, reversePoint: (currDevice.indexOf('mobile') > -1) ? els.pageScrollVideoWraps[i].moReversePoint : els.pageScrollVideoWraps[i].reversePoint, wrap: els.pageScrollVideoWraps[i], video: els.pageScrollVideoWraps[i].video, controller: els.pageScrollVideoWraps[i].controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function () { setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } } }); } }, setScene: function () { for (let i = 0; i < els.pageScrollVideoWraps.length; i++) { objs.scene[i] = SCROLLER({ trackElement: els.pageScrollVideoWraps[i].video, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } } }; const handlerList = { scroll: function () { for (let i = 0; i < els.pageScrollVideoWraps.length; i++) { objs.scene[i].trackAnimation(function () { objs.scrollVideo[i].scrollActive(this.progress); }); } }, videoCta: function (e) { if (e.target == e.currentTarget) { if (e.currentTarget.video.paused) { e.currentTarget.video.play(); } else { e.currentTarget.video.pause(); } } } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.tutorialPopup = function (opts) { const utils = window.flagship.common.utils; let els = {}; let status = {}; let show = {}, hide = {}; status.isGlobal = document.documentElement.classList.contains('global'); const init = function () { setElements(); setOpts(); bindEvent(); }; const setElements = function () { els.html = document.documentElement; els.tutorialPopup = opts.tutorialPopup; els.closeCtas = opts.closeCtas; els.dimmed = !!!opts.dimmed ? '' : opts.dimmed; els.tutorialPopupClass = opts.tutorialPopupClass; }; const setOpts = function () { show.start = (!!!opts.show) ? undefined : opts.show.start; show.end = (!!!opts.show) ? undefined : opts.show.end; hide.start = (!!!opts.hide) ? undefined : opts.hide.start; hide.end = (!!!opts.hide) ? undefined : opts.hide.end; } const bindEvent = function () { opts.openerEvent.element.addEventListener('click', showLayer); els.tutorialPopup.show = showLayer; els.tutorialPopup.hide = hideLayer; }; const showLayer = function (e) { if (opts.openerEvent.proxy) { if (opts.openerEvent.parent) { if (e.target.parentElement.classList.contains(opts.openerEvent.class)) { els.openerCta = e.target.parentElement; } } else { if (e.target.classList.contains(opts.openerEvent.class)) { els.openerCta = e.target; } } } else { els.openerCta = this; } els.tutorialPopup.opener = els.openerCta; if (show.start) show.start(els); els.html.classList.add('is-layer-open'); utils.hiddenScroll(els.tutorialPopup); if (utils.detector.isIosDevice) { els.tutorialPopup.opener.blur(); els.openerCta.style.display = 'none'; } els.closeCtas[0].focus(); setTimeout(function () { els.closeCtas[0].focus(); }, 400); for (let i = 0; i < els.closeCtas.length; i++) { els.closeCtas[i].addEventListener('click', hideLayer); } if (els.dimmed) els.dimmed.addEventListener('click', onClickDimmed); if (show.end) show.end(els); }; const hideLayer = function () { if (utils.detector.isIosDevice) els.openerCta.style.display = ''; if (hide.start) hide.start(els); for (let i = 0; i < els.closeCtas.length; i++) { els.closeCtas[i].removeEventListener('click', hideLayer); } if (els.dimmed) els.dimmed.removeEventListener('click', onClickDimmed); els.html.classList.remove('is-layer-open'); utils.visibleScroll(); if (!!!els.openerCta) { els.tutorialPopup.opener.focus(); } else { els.openerCta.focus(); } setTimeout(function () { if (!!!els.openerCta) { els.tutorialPopup.opener.focus(); } else { els.openerCta.focus(); } }, 300); if (hide.end) hide.end(els); }; const onClickDimmed = function (e) { if (e.currentTarget == e.target) { hideLayer(); } }; return init(); }; })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.aod = (function () { let els = {}; let status = {}; let objs = { videos: [], }; const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; const init = function () { els.section = document.querySelector('.highlights-aod'); if (!!els.section) { setElements(); objList.setScene(); bindEvents(); } }; const setElements = function () { els.swiperContainer = els.section.querySelector('.highlights-aod__content-container'); els.nextArrow = els.section.querySelector('.highlights-aod__content-arrow--next'); els.prevArrow = els.section.querySelector('.highlights-aod__content-arrow--prev'); els.pagination = els.section.querySelector('.highlights-aod__content-pagination'); }; const bindEvents = function () { objList.swiper(); objs.swiper.on('init', swiperEvents.init); objs.swiper.on('slideChange', swiperEvents.slideChange); objs.swiper.on('transitionEnd', swiperEvents.transitionEnd); objs.swiper.init(); window.addEventListener('scroll', eventList.scrollHandler); }; const objList = { swiper: function () { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { init: false, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.pagination, type: 'bullets', clickable: true, renderBullet: function () { return '<li role="listitem"><button class="swiper-pagination-bullet"></button></li>'; } }, loop: true, slidesPerView: 'auto', centeredSlides: true, speed: 800, }); } }, setVideo: function () { for (let i = 0; i < els.videoWrap.length; i++) { objs.videos[i] = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: resize.checkResolution().indexOf('mobile') > -1 ? 37 : 45, reversePoint: resize.checkResolution().indexOf('mobile') > -1 ? 70 : 100, wrap: els.videoWrap[i], video: els.videos[i], controller: els.videoController[i], endCallback: function () { if (!els.videoWrap[i].classList.contains('is-completed')) { els.videoWrap[i].classList.add('is-completed'); } }, resetCallback: function () { if (els.videoWrap[i].classList.contains('is-completed')) { els.videoWrap[i].classList.remove('is-completed'); } }, }); }; }, setScene: function () { objs.scene = SCROLLER({ trackElement: els.section, useFixed: false }); }, }; const swiperEvents = { init: function () { let notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); els.bullets = this.pagination.bullets; els.videoWrap = els.section.querySelectorAll('.common-video'); els.videos = els.section.querySelectorAll('.common-video__video'); els.videoController = els.section.querySelectorAll('.common-video__control'); for(let i=0;i<els.videoWrap.length;i++) { els.videoWrap[i].classList.add('is-loaded'); els.videoController[i].video = els.videos[i]; els.videoController[i].addEventListener('click', eventList.clickVideoCta); } objList.setVideo(); accessibility.slide(); accessibility.pagination.tagging(); accessibility.pagination.label(); els.nextArrow.removeAttribute('aria-label'); els.prevArrow.removeAttribute('aria-label'); for (let i = 0; i < els.bullets.length; i++) { els.bullets[i].removeAttribute('role'); els.bullets[i].addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); objs.swiper.slideTo(i); }); } }, slideChange: function () { accessibility.slide(); accessibility.pagination.label(); }, transitionEnd: function () { let playStatus = null; if ((objs.videos.length > 0)) { let isVideoSlide = (objs.swiper.activeIndex == 0) || (objs.swiper.activeIndex == 5) || (objs.swiper.activeIndex == 10); let isPaused = objs.videos[0].video.paused || objs.videos[1].video.paused || objs.videos[2].video.paused; clearTimeout(playStatus); if (isVideoSlide) { if (isPaused) { playStatus = setTimeout(() => { for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].video.currentTime = 0; objs.videos[i].video.play(); } }, 600); } } else { if (!objs.videos[0].video.paused && !objs.videos[1].video.paused && !objs.videos[2].video.paused) { for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].video.pause(); if (resize.checkResolution().indexOf('desktop') > -1) objs.videos[i].video.currentTime = 0; } } } } } }; const eventList = { scrollHandler: function () { objs.scene.trackAnimation(function () { let isVideoSlide = (objs.swiper.activeIndex == 0) || (objs.swiper.activeIndex == 5) || (objs.swiper.activeIndex == 10); if (!isVideoSlide) return; objs.videos[0].scrollActive(this.progress); objs.videos[1].scrollActive(this.progress); objs.videos[2].scrollActive(this.progress); }); }, clickVideoCta: function () { if(this.video.paused) { this.video.play(); } else { this.video.pause(); } } }; const accessibility = { slide: function () { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } }, pagination: { tagging: function () { const tagging = { 'data-omni-type': 'microsite_gallery', 'data-omni': 'galaxy-s24:highlights:galaxy-ai^aod-lockscreen:index:', 'ga-ca': 'gallery', 'ga-ac': 'feature gallery', 'ga-la': 'galaxy-s24:highlights:galaxy-ai^aod-lockscreen:index:', }; for (let i = 0; i < els.bullets.length; i++) { Object.keys(tagging).forEach(key => { if (key == 'data-omni' || key == 'ga-la') { els.bullets[i].setAttribute(key, tagging[key] + (i + 1)); } else { els.bullets[i].setAttribute(key, tagging[key]); } }); } }, label: function () { for (let i = 0; i < els.bullets.length; i++) { let slideName = objs.swiper.slides[i].getAttribute('data-slide-name'); if (i === objs.swiper.realIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName} ${LOCAL_VARI.selected.toLowerCase()}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName} selected`); } } else { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName}`); } } } }, } }; return { init: init, } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.cameraAi = (function () { let els = {}; let objs = {}; const init = function () { els.section = document.querySelector('.highlights-camera-ai'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.bgBlue = els.section.querySelector('.highlights-camera-ai__gradient--blue'); els.bgGreen = els.section.querySelector('.highlights-camera-ai__gradient--green'); }; const bindEvents = function () { setScene(); window.addEventListener('scroll', scrollHandler); scrollHandler(); }; const setScene = function () { objs.scene = SCROLLER({ trackElement: els.section, useFixed: false, }); }; const scrollHandler = function () { objs.scene.trackAnimation(function () { if (this.progress > 30 && this.progress < 70) { els.bgBlue.classList.add('is-active'); els.bgGreen.classList.add('is-active'); } else if (this.progress == 0) { els.bgBlue.classList.remove('is-active'); els.bgGreen.classList.remove('is-active'); } // TweenMax.to(els.bgBlue, 0, {opacity: BlueValue, ease: 'linear'}); // TweenMax.to(els.bgGreen, 0, {opacity: greenValue, ease: 'linear'}); }); } return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.chatAssistTutorial = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let stepInfo = []; let status = {}; const init = function () { els.section = document.querySelector('.highlights-chat-assist-tutorial'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.tutorialVideoContainer = els.section.querySelector('.common-tutorial__main-video'); els.videoList = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video'); els.videoWrap = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video'); els.videos = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video__video'); els.tooltipCta = els.tutorialVideoContainer.querySelectorAll('.js-tutorial-tooltip-cta'); els.tutorialReplay = els.tutorialVideoContainer.querySelector('.common-tutorial__replay-cta'); }; const setProperty = function(el, index){ el.video = el.querySelector('video'); el.controller = el.querySelector('.common-video__control'); el.controller.video = el.querySelector('video'); el.alert = el.parentElement.querySelector('.common-tutorial__alert'); el.tooltip = el.parentElement.querySelector('.js-tutorial-tooltip'); el.tooltipCta = el.parentElement.querySelector('.js-tutorial-tooltip-cta'); el.video.playIndex = index; } const setStepStatus = function(el){ stepInfo.push({ alert: el.getAttribute('data-alert'), tooltip: el.getAttribute('data-tooltip') }); } const eventList = { videoController: function(){ for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].controller.addEventListener('click', function(){ if (this.video.paused) { this.video.play(); } else { this.video.pause(); } }); } }, nextVideoPlay: function(index){ if (!!els.videoList[index].tooltip) { utils.onAccessibility(els.videoList[index].tooltip); } els.videoList[index + 1].classList.add('is-visible'); utils.onAccessibility(els.videoList[index]); if (els.videos[index + 1].readyState > 3) { els.videos[index + 1].play(); } else { els.videos[index + 1].addEventListener('canplay', function(){ if (this.paused) this.play(); }); } setTimeout(()=>{ els.videoList[index].classList.remove('is-visible'); if (!!els.videoList[index].tooltipCta) { els.videoList[index].tooltipCta.blur(); } els.videos[index + 1].videoWrap.controller.focus(); }, 200); }, click: function(){ let self = this; for (let i = 0; i < els.tooltipCta.length; i++) { els.tooltipCta[i].addEventListener('click', function(){ self.nextVideoPlay(i); }); } }, endCallback: function () { if (stepInfo[this.video.playIndex].tooltip == 'true') { this.wrap.tooltipCta.removeAttribute('disabled'); this.wrap.tooltip.classList.add('is-visible'); } if (stepInfo[this.video.playIndex].alert == 'true') { this.wrap.alert.classList.add('is-visible'); } if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); this.controller.style.display = 'none'; } } } const setVideos = function(){ objs.videos = []; for (let i = 0; i < els.videoWrap.length; i++) { let isVideoWrap = els.videoWrap[i]; objs.videos.push(ANIUTIL.videoHandler({ wrap: isVideoWrap, video: isVideoWrap.video, controller: isVideoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); if (this.controller.style.display = 'none') this.controller.style.display = ''; } }, playCallback: function () { els.videoList[this.video.playIndex].removeAttribute('tabindex'); els.videoList[this.video.playIndex].removeAttribute('aria-hidden'); this.controller.style.display = 'block'; utils.offAccessibility(this.controller); setTagging.pause(this.controller); let nextPlayindex = this.video.playIndex + 1; if ((els.videos.length - 1) > this.video.playIndex && els.videos[nextPlayindex].readyState < 4) { videoLoader.setResponsiveMedia([els.videos[nextPlayindex]]); } }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!!this.wrap.tooltip) { let self = this; utils.offAccessibility(this.wrap.tooltip); setTimeout(function () { self.wrap.tooltipCta.focus(); }, 200); } this.controller.style.display = 'none !important'; eventList.endCallback.call(this); if ((els.videos.length -1) == this.video.playIndex) { els.tutorialReplay.style.display = 'block'; els.tutorialReplay.removeAttribute('tabindex'); els.tutorialReplay.removeAttribute('aria-hidden'); els.tutorialReplay.focus(); } } })); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; const bindEvents = function () { for (let i = 0; i < els.videoWrap.length; i++) { setProperty(els.videoWrap[i], i); setStepStatus(els.videoList[i]) } setVideos(); eventList.videoController(); eventList.click(); }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.circleToSearchTutorial = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let stepInfo = []; let status = {}; const init = function () { els.section = document.querySelector('.highlights-circle-to-search-tutorial'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.tutorialVideoContainer = els.section.querySelector('.common-tutorial__main-video'); els.videoList = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video'); els.videoWrap = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video'); els.videos = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video__video'); els.tooltipCta = els.tutorialVideoContainer.querySelectorAll('.js-tutorial-tooltip-cta'); els.tutorialReplay = els.tutorialVideoContainer.querySelector('.common-tutorial__replay-cta'); status.isKeydownTime = null; }; const setProperty = function(el, index){ el.video = el.querySelector('video'); el.controller = el.querySelector('.common-video__control'); el.controller.video = el.querySelector('video'); el.alert = el.parentElement.querySelector('.common-tutorial__alert'); el.tooltip = el.parentElement.querySelector('.js-tutorial-tooltip'); el.tooltipCta = el.parentElement.querySelector('.js-tutorial-tooltip-cta'); el.video.playIndex = index; } const setStepStatus = function(el){ stepInfo.push({ alert: el.getAttribute('data-alert'), tooltip: el.getAttribute('data-tooltip') }); } const eventList = { videoController: function(){ for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].controller.addEventListener('click', function(){ if (this.video.paused) { this.video.play(); } else { this.video.pause(); } }); } }, nextVideoPlay: function(index){ if (!!els.videoList[index].tooltip) { utils.onAccessibility(els.videoList[index].tooltip); } els.videoList[index + 1].classList.add('is-visible'); utils.onAccessibility(els.videoList[index]); if (els.videos[index + 1].readyState > 3) { els.videos[index + 1].play(); } else { els.videos[index + 1].addEventListener('canplay', function(){ if (this.paused) this.play(); }); } setTimeout(()=>{ els.videoList[index].classList.remove('is-visible'); if (!!els.videoList[index].tooltipCta) { els.videoList[index].tooltipCta.blur(); } els.videos[index + 1].videoWrap.controller.focus(); }, 400); }, click: function(){ els.tooltipCta[0].addEventListener('mousedown', eventList.pressButton); els.tooltipCta[0].addEventListener('mouseup', function(){ clearTimeout(status.mousedown); }); els.tooltipCta[0].addEventListener('touchstart', eventList.pressButton); els.tooltipCta[0].addEventListener('touchend', function(){ clearTimeout(status.mousedown); }); els.tooltipCta[0].addEventListener('keydown', eventList.keydownButton); els.tooltipCta[1].addEventListener('click', function(){ eventList.nextVideoPlay(2); }); }, pressButton: function (e) { e.preventDefault(); if (els.videos[2].readyState < 4) { videoLoader.setResponsiveMedia([els.videos[2]]); } clearTimeout(status.mousedown); status.mousedown = setTimeout(()=>{ eventList.nextVideoPlay(1); }, 1000); }, keydownButton: function (e) { if (e.type == 'keydown' && e.keyCode != 13) return; if (status.isKeydownTime == null) { status.isKeydownTime = Date.now(); } else { let keyDownDuration = Date.now() - status.isKeydownTime; if (keyDownDuration >= 1000) { if (els.videos[2].readyState < 4) { videoLoader.setResponsiveMedia([els.videos[2]]); } eventList.nextVideoPlay(1); status.isKeydownTime = null; } } }, endCallback: function () { let autoplay = this.video.playIndex == 0 || this.video.playIndex == 3; if (stepInfo[this.video.playIndex].tooltip == 'true') { this.wrap.tooltipCta.removeAttribute('disabled'); this.wrap.tooltip.classList.add('is-visible'); } if (stepInfo[this.video.playIndex].alert == 'true') { this.wrap.alert.classList.add('is-visible'); } if (autoplay) { eventList.nextVideoPlay(this.video.playIndex); } if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); this.controller.style.display = 'none'; } } } const setVideos = function(){ objs.videos = []; for (let i = 0; i < els.videoWrap.length; i++) { let isVideoWrap = els.videoWrap[i]; objs.videos.push(ANIUTIL.videoHandler({ wrap: isVideoWrap, video: isVideoWrap.video, controller: isVideoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); if (this.controller.style.display = 'none') this.controller.style.display = ''; } }, playCallback: function () { els.videoList[this.video.playIndex].removeAttribute('tabindex'); els.videoList[this.video.playIndex].removeAttribute('aria-hidden'); this.controller.style.display = 'block'; utils.offAccessibility(this.controller); setTagging.pause(this.controller); switch (this.video.playIndex) { case 2: videoLoader.setResponsiveMedia([els.videos[3], els.videos[4]]); break; default: break; } }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!!this.wrap.tooltip) { let self = this; utils.offAccessibility(this.wrap.tooltip); setTimeout(function () { self.wrap.tooltipCta.focus(); }, 200); } this.controller.style.display = 'none !important'; eventList.endCallback.call(this); if ((els.videos.length -1) == this.video.playIndex) { els.tutorialReplay.style.display = 'block'; els.tutorialReplay.removeAttribute('tabindex'); els.tutorialReplay.removeAttribute('aria-hidden'); els.tutorialReplay.focus(); } } })); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; const bindEvents = function () { for (let i = 0; i < els.videoWrap.length; i++) { setProperty(els.videoWrap[i], i); setStepStatus(els.videoList[i]) } setVideos(); eventList.videoController(); eventList.click(); }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.color = (function () { const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; let els = {}, status = {}, objs = {}; let activeClass = 'is-active'; let oldIndex = null; let currDevice = resize.checkResolution(); let prevDevice = null; const init = function () { els.section = document.querySelector('.highlights-color'); if (!!els.section) { setElements(); setStatus(); bindEvents(); } }; const setElements = function () { // topSwiper els.topSwiperWrap = els.section.querySelector('.highlights-color__carousel'); if (!!els.topSwiperWrap) { els.topSwiperSlides = els.topSwiperWrap.querySelectorAll('.highlights-color__carousel-slide'); if (els.topSwiperSlides.length > 1) { els.topSwiperContainer = els.section.querySelector('.highlights-color__carousel-container'); els.topSwiperNextArrow = els.topSwiperContainer.querySelector('.highlights-color__arrow--next'); els.topSwiperPrevArrow = els.topSwiperContainer.querySelector('.highlights-color__arrow--prev'); els.topSwiperPagination = els.section.querySelector('.highlights-color__pagination'); } } // colorchipSwiper els.colorchipWrap = els.section.querySelector('.highlights-color__tab-colors'); els.colorchipSwiperContainer = els.colorchipWrap.querySelector('.swiper-container'); els.colorchipSwiperArrowWrap = els.colorchipWrap.querySelector('.highlights-color__tab-navigation'); els.colorchipSwiperNextArrow = els.colorchipWrap.querySelector('.highlights-color__navigation-arrow--next'); els.colorchipSwiperPrevArrow = els.colorchipWrap.querySelector('.highlights-color__navigation-arrow--prev'); // colorchipItem els.colorchipItemWrap = els.section.querySelector('.highlights-color__tab'); els.colorchipItems = els.colorchipItemWrap.querySelectorAll('.highlights-color__tab-item'); els.colorchipBtns = els.colorchipItemWrap.querySelectorAll('.highlights-color__tab-button'); for (let i = 0; i < els.colorchipBtns.length; i++) { els.colorchipBtns[i].setAttribute('data-js-index', i); } // colorName els.colorNameWrap = els.section.querySelector('.highlights-color__tab-names'); els.colorNames = els.colorNameWrap.querySelectorAll('.highlights-color__tab-name'); // colorPanel els.panelWrap = els.section.querySelector('.highlights-color__tab-panel-group'); els.panels = els.panelWrap.querySelectorAll('.highlights-color__tab-panel'); // 360 Popup Btn els.popupBtn = els.section.querySelector('.common-cta-area button'); }; const setStatus = function () { status.isClick = false; // index status.targetIndex = null; status.oldColorIndex = null; }; const bindEvents = function () { resize.add(handlerList.onResize); setColorchipEvent(); if (!els.topSwiperWrap || (!!els.topSwiperWrap && (!!els.topSwiperSlides && els.topSwiperSlides.length < 2))) return; setTimeout(function () { window.addEventListener('scroll', handlerList.scroll); }, 1000); objList.setScene(); setSwiper.top(); els.topSwiperNextArrow.addEventListener('click', handlerList.onClickArrow); els.topSwiperNextArrow.addEventListener('keydown', handlerList.onClickArrow); els.topSwiperPrevArrow.addEventListener('click', handlerList.onClickArrow); els.topSwiperPrevArrow.addEventListener('keydown', handlerList.onClickArrow); }; const setColorchipEvent = function () { let colorchipSwiperLength = currDevice.indexOf('mobile') > -1 ? 5 : 7; if (els.colorchipBtns.length >= colorchipSwiperLength) { status.isLoop = true; oldIndex = els.colorchipBtns.length; if (els.colorchipSwiperArrowWrap.style.display == 'none') { els.colorchipSwiperArrowWrap.style.display = ''; } if (els.colorchipWrap.classList.contains('js-colorchip-static')) { els.colorchipWrap.classList.remove('js-colorchip-static'); } setSwiper.colorchip(); } else { status.isLoop = false; if (els.colorchipSwiperArrowWrap.style.display != 'none') { els.colorchipSwiperArrowWrap.style.display = 'none'; } if (!els.colorchipWrap.classList.contains('js-colorchip-static')) { els.colorchipWrap.classList.add('js-colorchip-static'); } if (objs.colorchipSwiper != null) { let realIndex = objs.colorchipSwiper.realIndex; if (!els.colorchipBtns[realIndex].classList.contains(activeClass)) { els.colorchipBtns[realIndex].classList.add(activeClass); els.colorchipBtns[realIndex].setAttribute('aria-selected', true); } swiperEvents.colorchip.destroy(); } let currentColorchip = els.colorchipItemWrap.querySelector(`.${activeClass}`); status.oldColorIndex = currentColorchip.getAttribute('data-js-index'); for (let i = 0; i < els.colorchipBtns.length; i++) { els.colorchipBtns[i].addEventListener('click', handlerList.onClickColorchip); els.colorchipItems[i].removeAttribute('tabindex'); els.colorchipItems[i].removeAttribute('aria-hidden'); } } }; const objList = { topSwiper: function () { if (objs.topSwiper == null) { objs.topSwiper = new Swiper(els.topSwiperContainer, { init: false, speed: 800, navigation: { nextEl: els.topSwiperNextArrow, prevEl: els.topSwiperPrevArrow, }, pagination: { el: els.topSwiperPagination, type: 'bullets', clickable: true, renderBullet: function () { return '<li role="listitem"><button class="swiper-pagination-bullet"></button></li>'; } }, slidesPerView: 'auto', centeredSlides: true, }); } }, colorchipSwiper: function () { if (objs.colorchipSwiper == null) { objs.colorchipSwiper = new Swiper(els.colorchipSwiperContainer, { init: false, navigation: { nextEl: els.colorchipSwiperNextArrow, prevEl: els.colorchipSwiperPrevArrow, }, slidesPerView: 'auto', centeredSlides: true, loop: true, speed: 300, touchRatio: 0, }); } }, setScene: function () { objs.topScene = SCROLLER({ trackElement: els.topSwiperContainer, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; const setSwiper = { top: function () { objList.topSwiper(); objs.topSwiper.on('init', swiperEvents.top.init); objs.topSwiper.on('slideChange', swiperEvents.top.slideChange); objs.topSwiper.init(); }, colorchip: function () { objList.colorchipSwiper(); objs.colorchipSwiper.on('init', swiperEvents.colorchip.init); objs.colorchipSwiper.on('slideChange', swiperEvents.colorchip.slideChange); objs.colorchipSwiper.on('transitionEnd', swiperEvents.colorchip.transitionEnd); objs.colorchipSwiper.init(); els.loopColorchipBtns = els.section.querySelectorAll('.highlights-color__tab-button'); for (let i = 0; i < els.loopColorchipBtns.length; i++) { els.loopColorchipBtns[i].index = i; els.loopColorchipBtns[i].addEventListener('click', handlerList.onClickColorchip); } if (status.targetIndex != 0) status.targetIndex = 0; eventList.colorchip(); eventList.colorName(); eventList.panel(); } }; const swiperEvents = { top: { init: function () { let notification = this.el.querySelector('.swiper-notification'); let bullets = this.pagination.bullets; this.slides[this.activeIndex].style.transitionDuration = '0s'; setTimeout(() => { this.slides[this.activeIndex].style.transitionDuration = ''; }, 100); if (!!notification) this.el.removeChild(notification); accessibility.slide.top(objs.topSwiper); accessibility.pagination.tagging(bullets); accessibility.pagination.label(bullets); els.topSwiperPrevArrow.removeAttribute('aria-label'); els.topSwiperNextArrow.removeAttribute('aria-label'); setTimeout(function () { handlerList.scroll(); }, 900); status.isTest = false; for (let i = 0; i < bullets.length; i++) { bullets[i].removeAttribute('role'); bullets[i].addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); objs.topSwiper.slideTo(i); }); } }, slideChange: function () { accessibility.slide.top(objs.topSwiper); accessibility.pagination.label(objs.topSwiper.pagination.bullets); } }, colorchip: { init: function () { let notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); accessibility.slide.colorchip(objs.colorchipSwiper); els.colorchipSwiperPrevArrow.removeAttribute('aria-label'); els.colorchipSwiperNextArrow.removeAttribute('aria-label'); let cloneSlide = this.el.querySelectorAll('.swiper-slide-duplicate'); for (let i = 0; i < cloneSlide.length; i++) { let activeClone = cloneSlide[i].querySelector('.highlights-color__tab-button.is-active'); if (!!activeClone) activeClone.classList.remove('is-active'); } }, slideChange: function () { let activeIndex = this.activeIndex; let oldColor = els.loopColorchipBtns[oldIndex]; status.oldColorIndex = oldColor.getAttribute('data-js-index'); status.targetIndex = els.loopColorchipBtns[activeIndex].getAttribute('data-js-index'); eventList.colorchip(); eventList.colorName(); eventList.panel(); accessibility.slide.colorchip(objs.colorchipSwiper); eventList.setPopupBtnColor(els.panels[status.targetIndex]); oldIndex = activeIndex; }, transitionEnd: function () { if (status.isClick) status.isClick = false; }, destroy: function () { objs.colorchipSwiper.destroy(true); objs.colorchipSwiper = null; }, }, }; const handlerList = { scroll: function () { objs.topScene.trackAnimation(function () { if (this.wheelDirection == 'down' && this.progress > 45 && this.progress < 70) { if (objs.topSwiper != null) { objs.topSwiper.slideNext(); objs.topScene.destroy(); window.removeEventListener('scroll', handlerList.scroll); } } else if (this.wheelDirection == 'up' && this.progress < 50) { if (objs.topSwiper != null) { objs.topSwiper.slideNext(); objs.topScene.destroy(); window.removeEventListener('scroll', handlerList.scroll); } } }); }, onResize: function (currRes) { currDevice = currRes; if (currDevice !== prevDevice) { setColorchipEvent(); if (objs.colorchipSwiper != null) { accessibility.slide.colorchip(objs.colorchipSwiper); } prevDevice = currDevice; } }, onClickArrow: function (e) { status.isArrowClick = true; status.arrowStyleTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); if (objs.topSwiper.isBeginning && !objs.topSwiper.isEnd) { els.topSwiperPrevArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.topSwiperNextArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.topSwiperPrevArrow.style.display = ''; }, 400); } else if (!objs.topSwiper.isBeginning && objs.topSwiper.isEnd) { els.topSwiperNextArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.topSwiperPrevArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.topSwiperNextArrow.style.display = ''; }, 400); } } }, onClickColorchip: function () { status.isClick = true; let targetColor = this; if (status.isLoop) { if (targetColor.classList.contains('is-active')) return; eventList.slideTo(targetColor); } else { status.targetIndex = targetColor.getAttribute('data-js-index'); eventList.colorchip(); eventList.colorName(); eventList.panel(); status.oldColorIndex = status.targetIndex; } } }; const eventList = { colorchip: function () { let oldColor = els.colorchipItemWrap.querySelectorAll(`.${activeClass}`); let activeIndex = status.isLoop ? objs.colorchipSwiper.activeIndex : status.targetIndex; let targetColorchipBtns = status.isLoop ? els.loopColorchipBtns[activeIndex] : els.colorchipBtns[activeIndex]; if (!targetColorchipBtns.classList.contains(activeClass)) { for (let i = 0; i < oldColor.length; i++) { oldColor[i].classList.remove(activeClass); oldColor[i].setAttribute('aria-selected', false); } targetColorchipBtns.classList.add(activeClass); targetColorchipBtns.setAttribute('aria-selected', true); } }, colorName: function () { for (let i = 0; i < els.colorNames.length; i++) { if (els.colorNames[i].classList.contains(activeClass)) { els.colorNames[i].classList.remove(activeClass); } } if (!els.colorNames[status.targetIndex].classList.contains(activeClass)) { els.colorNames[status.targetIndex].classList.add(activeClass); } }, panel: function () { for (let i = 0; i < els.panels.length; i++) { if (els.panels[i].classList.contains(activeClass)) { els.panels[i].classList.remove(activeClass); els.panels[i].setAttribute('aria-hidden', true); } } if (!els.panels[status.targetIndex].classList.contains(activeClass)) { els.panels[status.targetIndex].classList.add(activeClass); els.panels[status.targetIndex].setAttribute('aria-hidden', false); els.popupBtn.setAttribute('data-model-color', els.panels[status.targetIndex].getAttribute('id')); } if (status.targetIndex != 0) { let targetPanelImgs = els.panels[status.targetIndex].querySelectorAll('img'); if (!targetPanelImgs[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia([targetPanelImgs[0]]); } if (!targetPanelImgs[1].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia([targetPanelImgs[1]]); } } }, slideTo: function (targetColor) { let self = objs.colorchipSwiper; let activeIndex = targetColor.index; objs.slideChangeTime = null; if (status.isClick) { let moveSize = oldIndex - activeIndex; if (moveSize > 0) { if (moveSize == 1) { objs.colorchipSwiper.slidePrev(); } else if (moveSize == 3) { objs.colorchipSwiper.slidePrev(0); objs.colorchipSwiper.slidePrev(0); self.slidePrev(); } else { objs.colorchipSwiper.slidePrev(0); self.slidePrev(); } } else { if (moveSize == -1) { objs.colorchipSwiper.slideNext(); } else if (moveSize == -3) { objs.colorchipSwiper.slideNext(0); objs.colorchipSwiper.slideNext(0); self.slideNext(); } else { objs.colorchipSwiper.slideNext(0); self.slideNext(); } } self.slides[self.activeIndex].querySelector('button').focus(); clearTimeout(objs.slideChangeTime); objs.slideChangeTime = setTimeout(function () { self.slides[self.activeIndex].querySelector('button').focus(); }, 200); status.isClick = false; } }, setPopupBtnColor: function (target) { els.popupBtn.setAttribute('data-model-color', target.getAttribute('id')); } }; const accessibility = { slide: { top: function (swiperObjs) { for (let i = 0; i < swiperObjs.slides.length; i++) { if (i != swiperObjs.activeIndex) { utils.onAccessibility(swiperObjs.slides[i]); } else { utils.offAccessibility(swiperObjs.slides[i]); } } }, colorchip: function (swiperObjs) { let isNotActivedColorchips = null; for (let i = 0; i < swiperObjs.slides.length; i++) { if (currDevice.indexOf('mobile') > -1) { isNotActivedColorchips = (i != swiperObjs.activeIndex) && (i > swiperObjs.activeIndex + 2) || (i < swiperObjs.activeIndex - 2) } else { isNotActivedColorchips = (i != swiperObjs.activeIndex) && (i > swiperObjs.activeIndex + 3) || (i < swiperObjs.activeIndex - 3) } if (isNotActivedColorchips) { utils.onAccessibility(swiperObjs.slides[i]); } else { utils.offAccessibility(swiperObjs.slides[i]); } } } }, pagination: { tagging: function (pagination) { const tagging = { 'data-omni-type': 'microsite_gallery', 'data-omni': 'galaxy-s24:highlights:design^colors:index:', 'ga-ca': 'gallery', 'ga-ac': 'feature gallery', 'ga-la': 'galaxy-s24:highlights:design^colors:index:' }; if (!!pagination) { for (let i = 0; i < pagination.length; i++) { Object.keys(tagging).forEach(key => { if (key == 'data-omni' || key == 'ga-la') { pagination[i].setAttribute(key, tagging[key] + (i + 1)); } else { pagination[i].setAttribute(key, tagging[key]); } }); } } }, label: function (bullets) { for (let i = 0; i < bullets.length; i++) { let isExclusive = objs.topSwiper.slides[i].getAttribute('data-colortype') == 'true' ? true : false; let slideName; if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { slideName = !!isExclusive ? LOCAL_VARI.exclusive : LOCAL_VARI.default; if (i === objs.topSwiper.realIndex) { bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName} ${LOCAL_VARI.selected.toLowerCase()}`); } else { bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName}`); } } else { slideName = !!isExclusive ? 'online exclusive color' : 'default color'; if (i === objs.topSwiper.realIndex) { bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName} selected`); } else { bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName}`); } } } }, } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.dayPopup = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let status = {}; const init = function () { els.section = document.querySelector('.highlights-super-hdr'); els.layerPopup = document.querySelector('.highlights-day-popup'); if (!!els.layerPopup && !!els.section) { setElements(); setStatus(); objList.setPopup(); bindEvents(); } }; const setElements = function () { status.isGlobal = document.documentElement.classList.contains('global'); els.contents = document.querySelector('#contents'); els.openCta = els.section.querySelector('.highlights-super-hdr__cta button'); els.innerWrap = els.layerPopup.querySelector('.common-popup__inner-wrapper'); els.closeCtas = els.layerPopup.querySelectorAll('.common-popup__close-cta'); els.dimmed = els.layerPopup.querySelector('.common-popup__dimmed'); els.supClicker = els.layerPopup.querySelectorAll('a.click_sup'); els.videoWrap = els.layerPopup.querySelector('.common-video.js-scroll-video'); els.videoWrap.video = els.videoWrap.querySelector('.common-video__video'); els.videoWrap.controller = els.videoWrap.querySelector('.common-video__control'); els.videoWrap.controller.video = els.videoWrap.video; els.hashPopupOpener = null; }; const setStatus = function () { status.isHash = false; }; const bindEvents = function () { els.videoWrap.controller.addEventListener('click', handlerList.videoCta); for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', handlerList.onClickSup); } }; const objList = { setPopup: function () { utils.layerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.highlights-day-popup', openerEvent: { element: els.openCta, }, closeCtas: [els.closeCtas[0], els.closeCtas[1]], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function (target) { els.innerWrap.scrollTop = 0; els.layerPopup.classList.add('is-init'); target.openerCta.blur(); setPopupLazyLoader.image(); setPopupLazyLoader.video(); objList.setVideo(); if (`#${els.openCta.getAttribute('data-hash')}` == window.location.hash) { status.isHash = true; els.hashPopupOpener = els.openCta; } }, end: function () { if (utils.detector.isIosDevice) els.layerPopup.style.display = 'block'; els.layerPopup.classList.add('is-open'); } }, hide: { start: function (target) { target.openerCta.focus(); els.layerPopup.classList.remove('is-open'); }, end: function () { setTimeout(function () { els.layerPopup.classList.remove('is-init'); }, 300); els.videoWrap.video.pause(); els.videoWrap.video.currentTime = 0; if (status.isHash && els.hashPopupOpener) { els.hashPopupOpener.focus(); setTimeout(function () { els.hashPopupOpener.focus(); status.isHash = false; els.hashPopupOpener = null; }, 300); } } } }); }, setVideo: function () { objs.scrollVideo = ANIUTIL.videoHandler({ wrap: els.videoWrap, video: els.videoWrap.video, controller: els.videoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function () { setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } } }); } }; const handlerList = { videoCta: function (e) { if (e.target == e.currentTarget) { if (e.currentTarget.video.paused) { e.currentTarget.video.play(); } else { e.currentTarget.video.pause(); } } }, onClickSup: function (e) { e.preventDefault(); e.stopPropagation(); els.layerPopup.hide(); let targetIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[targetIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; setTimeout(() => { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 500); const eventList = { focusIn: function () { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); } }; const setPopupLazyLoader = { image: function () { objs.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-day-popup-img-src', responsiveClass: '.js-day-popup-res-img', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.popupBgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-day-popup-bg-img', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }, video: function () { objs.videoLoader = ANIUTIL.mediaLoader({ type: 'video', lazyClass: '.js-day-popup-video-src', responsiveClass: '.js-day-popup-res-video', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-video-src-pc' }, { resolution: 1023, attribute: 'data-video-src-tb' }, { resolution: 767, attribute: 'data-video-src-mo' }, { resolution: 360, attribute: 'data-video-src-mo-s' }], visiblePoint: 1, endCallback: function (video) { if (video.videoWrap && !video.videoWrap.classList.contains('is-loaded')) { video.videoWrap.classList.add('is-loaded'); } } }); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.designSpecPopup = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let status = {}; const init = function () { els.section = document.querySelector('.highlights-design-display'); els.layerPopup = document.querySelector('.highlights-design-spec-popup'); if (!!els.layerPopup) { setElements(); setStatus(); bindEvents(); setPopup(); } }; const setElements = function () { status.isGlobal = document.documentElement.classList.contains('global'); els.contents = document.querySelector('#contents'); els.innerWrap = els.layerPopup.querySelector('.common-popup__inner-wrapper'); els.openCta = els.section.querySelector('.highlights-design-display__cta button'); els.closeCtas = els.layerPopup.querySelectorAll('.common-popup__close-cta'); els.dimmed = els.layerPopup.querySelector('.common-popup__dimmed'); els.supClicker = els.layerPopup.querySelectorAll('a.click_sup'); els.hashPopupOpener = null; }; const setStatus = function () { status.isHash = false; }; const bindEvents = function () { for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', onClickSup); } }; const setPopup = function () { utils.layerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.highlights-design-spec-popup', openerEvent: { element: els.openCta, }, closeCtas: [els.closeCtas[0], els.closeCtas[1]], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function (target) { els.innerWrap.scrollTop = 0; els.layerPopup.classList.add('is-init'); target.openerCta.blur(); setPopupLazyLoader.image(); if (`#${els.openCta.getAttribute('data-hash')}` == window.location.hash) { status.isHash = true; els.hashPopupOpener = els.openCta; } }, end: function () { if (utils.detector.isIosDevice) els.layerPopup.style.display = 'block'; els.layerPopup.classList.add('is-open'); } }, hide: { start: function (target) { target.openerCta.focus(); els.layerPopup.classList.remove('is-open'); }, end: function () { setTimeout(function () { els.layerPopup.classList.remove('is-init'); }, 300); if (status.isHash && els.hashPopupOpener) { els.hashPopupOpener.focus(); setTimeout(function () { els.hashPopupOpener.focus(); status.isHash = false; els.hashPopupOpener = null; }, 300); } } } }); }; const onClickSup = function (e) { e.preventDefault(); e.stopPropagation(); els.layerPopup.hide(); let targetIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[targetIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; setTimeout(() => { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 500); const eventList = { focusIn: function () { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); }; const setPopupLazyLoader = { image: function () { objs.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-design-spec-popup-img-src', responsiveClass: '.js-design-spec-popup-res-img', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.popupBgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-design-spec-popup-bg-img', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.experiences = (function () { const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; let els = {}, objs = {}, status = {}, prevDevice = null, currDevice = resize.checkResolution(); const init = function () { els.section = document.querySelector('.highlights-galaxy-offers'); if(!!els.section) { els.offersItems = els.section.querySelectorAll('.highlights-galaxy-offers__card-item'); if(!!els.offersItems && (els.offersItems.length > 1)) { setElements(); bindEvents(); } } }; const setElements = function () { els.swiperContainer = els.section.querySelector('.highlights-galaxy-offers__card-container'); els.nextArrow = els.section.querySelector('.highlights-galaxy-offers__arrow--next'); els.prevArrow = els.section.querySelector('.highlights-galaxy-offers__arrow--prev'); }; const bindEvents = function () { window.addEventListener('DOMContentLoaded', handlerList.onLoad, {once:true}); resize.add(handlerList.onResize); els.nextArrow.addEventListener('click', handlerList.onClickArrow); els.nextArrow.addEventListener('keydown', handlerList.onClickArrow); els.prevArrow.addEventListener('click', handlerList.onClickArrow); els.prevArrow.addEventListener('keydown', handlerList.onClickArrow); }; const objList = { swiper: function () { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { init: false, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, loop: false, slidesPerView: 'auto', centeredSlides: false }); } } }; const handlerList = { onLoad: function () { if (currDevice.indexOf('mobile') > -1) { setSwiper(); } }, onResize: function (currRes) { currDevice = currRes; if (currDevice != prevDevice) { handlerList.onResponsive(); prevDevice = currDevice; } }, onResponsive: function () { if (currDevice.indexOf('mobile') > -1) { setSwiper(); } else { swiperEvents.destroy(); } }, onClickArrow: function (e) { status.arrowTimeout = null; status.arrowStyleTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); if (objs.swiper.isBeginning && !objs.swiper.isEnd) { els.nextArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.prevArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.nextArrow.style.display = ''; }, 400); } else if (!objs.swiper.isBeginning && objs.swiper.isEnd) { els.prevArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.nextArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.prevArrow.style.display = ''; }, 400); } } } }; const setSwiper = function () { objList.swiper(); objs.swiper.on('init', swiperEvents.init); objs.swiper.on('slideChange', swiperEvents.slideChange); objs.swiper.init(); }; const swiperEvents = { init: function () { let notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); accessibility.slide(); }, slideChange: function () { accessibility.slide(); }, destroy: function () { if (objs.swiper != null) { objs.swiper.navigation.destroy(true); objs.swiper.destroy(true); objs.swiper = null; } }, }; const accessibility = { slide: function () { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } } }; return { init: init, } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.faq = (function () { const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; let els = {}; let objs = {}; let prevDevice = null; let currDevice = resize.checkResolution(); const init = function () { els.section = document.querySelector('.highlights-faq'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.faqList = els.section.querySelector('.highlights-faq__list'); }; const bindEvents = function () { resize.add(onResizeHandler); setAccordion(); }; const onResizeHandler = function (currRes) { currDevice = currRes; if (currDevice != prevDevice) { onResponsiveHandler(); prevDevice = currDevice; } }; const onResponsiveHandler = function () { let isOpenedItems = els.faqList.querySelectorAll('.highlights-faq__item.is-open'); if (isOpenedItems.length > 0) { for (let i = 0; i < isOpenedItems.length; i++) { let isOpenedItemContent = isOpenedItems[i].querySelector('.highlights-faq__answer'); let clientHeight = isOpenedItemContent.children[0].clientHeight; isOpenedItemContent.style.height = `${clientHeight}px`; } } }; const setAccordion = function () { objs.accordion = new window.flagship.common.accordion({ wrap: els.faqList, classList: { item: 'highlights-faq__item', button: 'highlights-faq__question-arrow', contents: 'highlights-faq__answer', activeClass: 'is-open' }, open: { start: function (target) { let targetInnerCta = target.querySelector('.highlights-faq__cta'); if (targetInnerCta) targetInnerCta.addEventListener('click', onClickFaqCta); } } }); objs.accordion.init(); }; const onClickFaqCta = function (e) { if (this.getAttribute('href').indexOf('#') == 0) { e.preventDefault(); let sectionId = this.getAttribute('href'); let section = document.querySelector(sectionId); let sectionTop = section.getBoundingClientRect().top; let movePosition = (sectionTop + window.pageYOffset) - utils.getNavHeight(); let clickable = section.querySelectorAll('a, button'); let title = (sectionId == '#galaxy-ai') ? section.querySelector('.common-headline') : section.querySelector('h2'); if(title.classList.contains('common-display-mo')) { if(resize.checkResolution().indexOf('mobile') > -1) { title = section.querySelector('h2.common-display-mo'); } else { title = section.querySelector('h2.common-display-pc'); } } if (!!title) { let _focusOut = function () { title.removeAttribute('tabindex'); title.removeEventListener('focusout', _focusOut); }; title.addEventListener('focusout', _focusOut); title.setAttribute('tabindex', 0); title.focus(); } else { clickable[0].focus(); } window.scrollTo(0, movePosition); } }; return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.generativeEditTutorial = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let stepInfo = []; let status = {}; const init = function () { els.section = document.querySelector('.highlights-generative-edit-tutorial'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.tutorialVideoContainer = els.section.querySelector('.common-tutorial__main-video'); els.videoList = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video'); els.videoWrap = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video'); els.videos = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video__video'); els.coverImages = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video__cover-image'); els.tooltipCta = els.tutorialVideoContainer.querySelectorAll('.js-tutorial-tooltip-cta'); els.generativeCta = els.tutorialVideoContainer.querySelector('.js-tutorial-generative-cta'); els.tutorialReplay = els.tutorialVideoContainer.querySelector('.common-tutorial__replay-cta'); }; const setProperty = function(el, index){ el.video = el.querySelector('video'); el.controller = el.querySelector('.common-video__control'); el.controller.video = el.querySelector('video'); el.alert = el.parentElement.querySelector('.common-tutorial__alert'); el.tooltip = el.parentElement.querySelector('.js-tutorial-tooltip'); el.tooltipCta = el.parentElement.querySelector('.js-tutorial-tooltip-cta'); el.video.playIndex = index; } const setStepStatus = function(el){ stepInfo.push({ alert: el.getAttribute('data-alert'), tooltip: el.getAttribute('data-tooltip') }); } const eventList = { videoController: function(){ for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].controller.addEventListener('click', function(){ if (this.video.paused) { this.video.play(); } else { this.video.pause(); } }); } }, nextVideoPlay: function(index){ if (!!els.videoList[index].tooltip) { utils.onAccessibility(els.videoList[index].tooltip); } els.videoList[index + 1].classList.add('is-visible'); utils.onAccessibility(els.videoList[index]); if (els.videos[index + 1].readyState > 3) { els.videos[index + 1].play(); } else { els.videos[index + 1].addEventListener('canplay', function(){ if (this.paused) this.play(); }); } setTimeout(()=>{ els.videoList[index].classList.remove('is-visible'); if (!!els.videoList[index].tooltipCta) { els.videoList[index].tooltipCta.blur(); } els.videos[index + 1].videoWrap.controller.focus(); }, 200); }, click: function(){ let self = this; els.tooltipCta[0].addEventListener('click', function(){ if (els.videos[2].readyState < 4) { imageLoader.setResponsiveMedia([els.coverImages[2], els.coverImages[3], els.coverImages[4]]); videoLoader.setResponsiveMedia([els.videos[2], els.videos[3], els.videos[4]]); } self.nextVideoPlay(0); }) els.tooltipCta[1].addEventListener('click', function(){ self.nextVideoPlay(1); }), els.generativeCta.addEventListener('click', function(){ this.setAttribute('disabled', ''); utils.onAccessibility(els.generativeCta); this.parentElement.classList.remove('is-visible'); self.nextVideoPlay(5); }) }, endCallback: function () { let autoplay = this.video.playIndex == 2 || this.video.playIndex == 6; if (stepInfo[this.video.playIndex].tooltip == 'true') { if (this.video.playIndex != 5) this.wrap.tooltipCta.removeAttribute('disabled'); this.wrap.tooltip.classList.add('is-visible'); } if (stepInfo[this.video.playIndex].alert == 'true') { this.wrap.alert.classList.add('is-visible'); } if (autoplay) { eventList.nextVideoPlay(this.video.playIndex); } let self = this; switch (this.video.playIndex) { case 2: if (!els.generativeCta.classList.contains('is-bg-load-complete')) { els.generativeCta.classList.add('is-bg-load-complete'); } els.generativeCta.parentElement.classList.add('is-visible'); break; case 3: if (els.videos[5].readyState < 4) { imageLoader.setResponsiveMedia([els.coverImages[5]]); videoLoader.setResponsiveMedia([els.videos[5]]); } (function(wrap, video){ setTimeout(()=>{ self.wrap.alert.classList.remove('is-visible'); eventList.nextVideoPlay(video.playIndex); }, 3000) })(this.wrap, this.video); break; case 4: if (els.videos[6].readyState < 4) { imageLoader.setResponsiveMedia([els.coverImages[6], els.coverImages[7]]); videoLoader.setResponsiveMedia([els.videos[6], els.videos[7]]); } (function(wrap, video){ setTimeout(()=>{ self.wrap.alert.classList.remove('is-visible'); eventList.nextVideoPlay(video.playIndex); }, 3000) })(this.wrap, this.video); break; case 5: els.generativeCta.removeAttribute('disabled'); utils.offAccessibility(els.generativeCta); break; case 7: els.generativeCta.parentElement.classList.add('is-visible'); els.generativeCta.classList.add('is-tutorial-end'); break; default: break; } if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); this.controller.style.display = 'none'; } if ((els.videos.length -1) == this.video.playIndex) { els.tutorialReplay.style.display = 'block'; els.tutorialReplay.removeAttribute('tabindex'); els.tutorialReplay.removeAttribute('aria-hidden'); els.tutorialReplay.focus(); } } } const setVideos = function(){ objs.videos = []; for (let i = 0; i < els.videoWrap.length; i++) { let isVideoWrap = els.videoWrap[i]; objs.videos.push(ANIUTIL.videoHandler({ wrap: isVideoWrap, video: isVideoWrap.video, controller: isVideoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); if (this.controller.style.display = 'none') this.controller.style.display = ''; } }, playCallback: function () { els.videoList[this.video.playIndex].removeAttribute('tabindex'); els.videoList[this.video.playIndex].removeAttribute('aria-hidden'); this.controller.style.display = 'block'; utils.offAccessibility(this.controller); setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!!this.wrap.tooltip) { let self = this; if (this.video.playIndex != 5) { utils.offAccessibility(this.wrap.tooltip); setTimeout(function () { self.wrap.tooltipCta.focus(); }, 200); } } if (this.video.playIndex == (els.videos.length - 3)) { setTimeout(function () { els.generativeCta.focus(); }, 200); } this.controller.style.display = 'none !important'; eventList.endCallback.call(this) } })); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; const bindEvents = function () { for (let i = 0; i < els.videoWrap.length; i++) { setProperty(els.videoWrap[i], i); setStepStatus(els.videoList[i]) } setVideos(); eventList.videoController(); eventList.click(); }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.innerPopup = (function () { let els = {}; const utils = window.flagship.common.utils; const innerPopup = function (opts) { let els = {}; let show = {}, hide = {}; const init = function () { setElements(); setOpts(); bindEvent(); }; const setElements = function () { els.outPopup = opts.openerEvent.element.closest('.common-popup'); els.innerPopup = opts.layerPopup; els.closeCtas = opts.closeCtas; els.moveTarget = opts.moveTarget; els.dimmed = !!!opts.dimmed ? '' : opts.dimmed; els.contents = opts.contents; els.innerPopupClass = opts.layerPopupClass; }; const setOpts = function () { show.start = (!!!opts.show) ? undefined : opts.show.start; show.end = (!!!opts.show) ? undefined : opts.show.end; hide.start = (!!!opts.hide) ? undefined : opts.hide.start; hide.end = (!!!opts.hide) ? undefined : opts.hide.end; } const bindEvent = function () { opts.openerEvent.element.addEventListener('click', showLayer); els.innerPopup.show = showLayer; els.innerPopup.hide = hideLayer; }; const showLayer = function (e) { if (opts.openerEvent.proxy) { if (opts.openerEvent.parent) { if (e.target.parentElement.classList.contains(opts.openerEvent.class)) { els.openerCta = e.target.parentElement; } } else { if (e.target.classList.contains(opts.openerEvent.class)) { els.openerCta = e.target; } } } else { els.openerCta = this; } els.innerPopup.opener = els.openerCta; if (show.start) show.start(els); els.outPopup.classList.add('is-layer-open'); if (utils.detector.isIosDevice) { els.innerPopup.opener.blur(); els.openerCta.style.display = 'none'; } els.closeCtas[0].focus(); setTimeout(function () { els.closeCtas[0].focus(); accessibility.on(); }, 300); for (let i = 0 ; i < els.closeCtas.length; i++) { els.closeCtas[i].addEventListener('click', hideLayer); } if (els.dimmed) els.dimmed.addEventListener('click', onClickDimmed); if (show.end) show.end(els); }; const hideLayer = function () { if (utils.detector.isIosDevice) els.openerCta.style.display = ''; if (hide.start) hide.start(els); for (let i = 0 ; i < els.closeCtas.length; i++) { els.closeCtas[i].removeEventListener('click', hideLayer); } if (els.dimmed) els.dimmed.removeEventListener('click', onClickDimmed); accessibility.off(); els.outPopup.classList.remove('is-layer-open'); if (!!!els.openerCta) { els.innerPopup.opener.focus(); } else { els.openerCta.focus(); } setTimeout(function () { if (!!!els.openerCta) { els.innerPopup.opener.focus(); } else { els.openerCta.focus(); } }, 300); if (hide.end) hide.end(els); }; const onClickDimmed = function (e) { if (e.currentTarget == e.target) { hideLayer(); } }; const accessibility = { on: function () { utils.onPopupAccessibility(els.outPopup); utils.offAccessibility(els.innerPopup); }, off: function () { utils.offPopupAccessibility(els.outPopup); utils.onAccessibility(els.innerPopup); } }; return init(); }; const init = function () { els.layerPopup = document.querySelector('.common-youtube-popup'); if(!!els.layerPopup) { setElements(); setPopup(); } }; const setElements = function () { els.contents = document.querySelector('#contents'); els.openCta = document.querySelector('.js-inner-popup'); els.closeCta = document.querySelector('.common-youtube-popup__close-cta'); els.ytIframe = els.layerPopup.querySelector('.common-youtube-popup__iframe > iframe'); els.ytDesc = els.layerPopup.querySelector('.youtube-player__desc'); els.dimmed = els.layerPopup.querySelector('.common-youtube-popup__close-area'); }; const setPopup = function () { innerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.common-yotube-popup', openerEvent: { element: els.openCta, }, closeCtas: [els.closeCta], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function () { els.layerPopup.classList.add('is-yt-open'); }, end: function (target) { eventList.setYoutube(target); } }, hide: { start: function () { els.layerPopup.classList.remove('is-yt-open'); }, end: function (target) { eventList.clearYoutube(); } } }); }; const eventList = { setYoutube: function (target) { let opener = target.openerCta, ytSrc = 'htt' + 'ps://www.youtube.com/embed/' + opener.getAttribute('data-youtube-id') + '?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1', ytTitle = opener.getAttribute('data-youtube-title'), ytBlind = opener.querySelector('.blind').innerHTML; els.ytIframe.setAttribute('src', ytSrc); els.ytIframe.setAttribute('title', ytTitle); els.ytDesc.innerHTML = ytBlind; els.OpenerTarget = opener; }, clearYoutube: function () { els.ytIframe.removeAttribute('src'); els.ytDesc.innerHTML = ''; } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.liveTranslateTutorial = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let stepInfo = []; let status = {}; const init = function () { els.section = document.querySelector('.highlights-live-translate-tutorial'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.tutorialVideoContainer = els.section.querySelector('.common-tutorial__main-video'); els.videoList = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video'); els.videoWrap = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video'); els.videos = els.tutorialVideoContainer.querySelectorAll('.common-tutorial__video .common-video__video'); els.tooltipCta = els.tutorialVideoContainer.querySelectorAll('.js-tutorial-tooltip-cta'); els.tutorialReplay = els.tutorialVideoContainer.querySelector('.common-tutorial__replay-cta'); els.muteCtas = els.section.querySelectorAll('.common-mute-button'); }; const setProperty = function(el, index){ el.video = el.querySelector('video'); el.controller = el.querySelector('.common-play-button'); el.controller.video = el.querySelector('video'); el.alert = el.parentElement.querySelector('.common-tutorial__alert'); el.tooltip = el.parentElement.querySelector('.js-tutorial-tooltip'); el.tooltipCta = el.parentElement.querySelector('.js-tutorial-tooltip-cta'); el.videoMuteCta = el.querySelector('.common-mute-button'); el.video.playIndex = index; } const setStepStatus = function(el){ stepInfo.push({ alert: el.getAttribute('data-alert'), tooltip: el.getAttribute('data-tooltip') }); } const eventList = { videoController: function(){ for (let i = 0; i < objs.videos.length; i++) { objs.videos[i].controller.addEventListener('click', function(){ if (this.video.paused) { this.video.play(); } else { this.video.pause(); } }); } }, nextVideoPlay: function(index){ if (!!els.videoList[index].tooltip) { utils.onAccessibility(els.videoList[index].tooltip); } els.videoList[index + 1].classList.add('is-visible'); utils.onAccessibility(els.videoList[index]); if (els.videos[index + 1].readyState > 3) { els.videos[index + 1].play(); } else { els.videos[index + 1].addEventListener('canplay', function(){ if (this.paused) this.play(); }); } setTimeout(()=>{ els.videoList[index].classList.remove('is-visible'); if (!!els.videoList[index].tooltipCta) { els.videoList[index].tooltipCta.blur(); } els.videos[index + 1].videoWrap.videoMuteCta.focus(); }, 200); }, click: function(){ let self = this; els.tooltipCta[0].addEventListener('click', function(){ self.nextVideoPlay(0); }); }, endCallback: function () { if (stepInfo[this.video.playIndex].tooltip == 'true') { if (!this.wrap.tooltipCta.classList.contains('is-bg-load-complete')) { this.wrap.tooltipCta.classList.add('is-bg-load-complete'); } this.wrap.tooltipCta.removeAttribute('disabled'); this.wrap.tooltip.classList.add('is-visible'); } if (stepInfo[this.video.playIndex].alert == 'true') { this.wrap.alert.classList.add('is-visible'); } if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); this.controller.style.display = 'none'; } }, onClickMute: function () { for (let i = 0; i < els.muteCtas.length; i++) { els.muteCtas[i].video = els.muteCtas[i].parentElement.parentElement.video; els.muteCtas[i].addEventListener('click', function () { let isMute = this.video.muted; if (!!isMute) { this.classList.add('is-unmuted'); this.video.muted = false; this.blind.innerText = this.getAttribute('data-mute'); setTagging.mute(this); } else { this.classList.remove('is-unmuted'); this.video.muted = true; this.blind.innerText = this.getAttribute('data-unmute'); setTagging.unmute(this); } }); } }, setMuteBlindText: function () { for (let i = 0; i < els.muteCtas.length; i++) { els.muteCtas[i].blind = els.muteCtas[i].querySelector('.blind'); els.muteCtas[i].blind.innerText = els.muteCtas[i].getAttribute('data-unmute'); } } } const setVideos = function(){ objs.videos = []; for (let i = 0; i < els.videoWrap.length; i++) { let isVideoWrap = els.videoWrap[i]; objs.videos.push(ANIUTIL.videoHandler({ wrap: isVideoWrap, video: isVideoWrap.video, controller: isVideoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); if (this.controller.style.display = 'none') this.controller.style.display = ''; } }, playCallback: function () { els.videoList[this.video.playIndex].removeAttribute('tabindex'); els.videoList[this.video.playIndex].removeAttribute('aria-hidden'); utils.offAccessibility(this.wrap.videoMuteCta); if (this.video.playIndex == 0) { let self = this; clearTimeout(status.videoFocusTimeout); status.videoFocusTimeout = setTimeout(function () { self.wrap.videoMuteCta.focus(); status.videoFocusTimeout = null; }, 400); } if (!this.video.muted) { this.wrap.videoMuteCta.classList.remove('is-unmuted'); this.wrap.videoMuteCta.video.muted = true; this.wrap.videoMuteCta.blind.innerText = this.wrap.videoMuteCta.getAttribute('data-unmute'); setTagging.unmute(this.wrap.videoMuteCta); } this.controller.style.display = 'block'; utils.offAccessibility(this.controller); setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!!this.wrap.tooltip) { let self = this; utils.offAccessibility(this.wrap.tooltip); setTimeout(function () { self.wrap.tooltipCta.focus(); }, 200); } this.controller.style.display = 'none !important'; eventList.endCallback.call(this); if ((els.videos.length -1) == this.video.playIndex) { els.tutorialReplay.style.display = 'block'; els.tutorialReplay.removeAttribute('tabindex'); els.tutorialReplay.removeAttribute('aria-hidden'); els.tutorialReplay.focus(); } } })); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } }, mute: function (targetCta) { if (targetCta.hasAttribute('data-omni')) { let dataOmni = targetCta.getAttribute('data-omni').toLowerCase(); targetCta.setAttribute('data-omni', dataOmni.replace('unmute', 'mute')); } if (targetCta.hasAttribute('ga-la')) { let gaLa = targetCta.getAttribute('ga-la').toLowerCase(); targetCta.setAttribute('ga-la', gaLa.replace('unmute', 'mute')); } }, unmute: function (targetCta) { if (targetCta.hasAttribute('data-omni')) { let dataOmni = targetCta.getAttribute('data-omni').toLowerCase(); targetCta.setAttribute('data-omni', dataOmni.replace('mute', 'unmute')); } if (targetCta.hasAttribute('ga-la')) { let gaLa = targetCta.getAttribute('ga-la').toLowerCase(); targetCta.setAttribute('ga-la', gaLa.replace('mute', 'unmute')); } }, }; const bindEvents = function () { for (let i = 0; i < els.videoWrap.length; i++) { setProperty(els.videoWrap[i], i); setStepStatus(els.videoList[i]) } setVideos(); eventList.setMuteBlindText(); eventList.videoController(); eventList.click(); eventList.onClickMute(); }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.liveTranslatePopup = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let status = {}; const init = function () { els.layerPopup = document.querySelector('.highlights-live-translate-popup'); if (!!els.layerPopup) { setElements(); setStatus(); objList.setPopup(); bindEvents(); } }; const setElements = function () { status.isGlobal = document.documentElement.classList.contains('global'); els.contents = document.querySelector('#contents'); els.openCta = document.querySelector('.highlights-live-translate__cta button'); els.innerWrap = els.layerPopup.querySelector('.common-popup__inner-wrapper'); els.closeCtas = els.layerPopup.querySelectorAll('.common-popup__close-cta'); els.dimmed = els.layerPopup.querySelector('.common-popup__dimmed'); els.supClicker = els.layerPopup.querySelectorAll('a.click_sup'); els.videoWrap = els.layerPopup.querySelector('.common-video.js-scroll-video'); els.videoWrap.video = els.videoWrap.querySelector('.common-video__video'); els.videoWrap.controller = els.videoWrap.querySelector('.common-video__control'); els.videoWrap.controller.video = els.videoWrap.video; els.hashPopupOpener = null; }; const setStatus = function () { status.isHash = false; }; const bindEvents = function () { els.videoWrap.controller.addEventListener('click', handlerList.videoCta); for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', handlerList.onClickSup); } }; const objList = { setPopup: function () { utils.layerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.highlights-live-translate-popup', openerEvent: { element: els.openCta, }, closeCtas: [els.closeCtas[0], els.closeCtas[1]], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function (target) { els.innerWrap.scrollTop = 0; els.layerPopup.classList.add('is-init'); target.openerCta.blur(); setPopupLazyLoader.image(); setPopupLazyLoader.video(); objList.setVideo(); if (`#${els.openCta.getAttribute('data-hash')}` == window.location.hash) { status.isHash = true; els.hashPopupOpener = els.openCta; } }, end: function () { if (utils.detector.isIosDevice) els.layerPopup.style.display = 'block'; els.layerPopup.classList.add('is-open'); if(els.contents.querySelector('.common-youtube-popup')) { document.documentElement.appendChild(els.contents.querySelector('.common-youtube-popup')); } } }, hide: { start: function (target) { target.openerCta.focus(); els.layerPopup.classList.remove('is-open'); }, end: function () { setTimeout(function () { els.layerPopup.classList.remove('is-init'); }, 300); els.videoWrap.video.pause(); els.videoWrap.video.currentTime = 0; if (status.isHash && els.hashPopupOpener) { els.hashPopupOpener.focus(); setTimeout(function () { els.hashPopupOpener.focus(); status.isHash = false; els.hashPopupOpener = null; }, 300); } els.openCta.focus(); setTimeout(() => { els.openCta.focus(); }, 300); } } }); }, setVideo: function () { objs.video = ANIUTIL.videoHandler({ wrap: els.videoWrap, video: els.videoWrap.video, controller: els.videoWrap.controller, resetCallback: function () { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function () { setTagging.pause(this.controller); }, pauseCallback: function () { setTagging.play(this.controller); }, endCallback: function () { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } } }); } }; const handlerList = { videoCta: function (e) { if (e.target == e.currentTarget) { if (e.currentTarget.video.paused) { e.currentTarget.video.play(); } else { e.currentTarget.video.pause(); } } }, onClickSup: function (e) { e.preventDefault(); e.stopPropagation(); els.layerPopup.hide(); let targetIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[targetIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; setTimeout(() => { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 500); const eventList = { focusIn: function () { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); } }; const setPopupLazyLoader = { image: function () { objs.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-live-translate-popup-img-src', responsiveClass: '.js-live-translate-popup-res-img', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.popupBgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-live-translate-popup-bg-img', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }, video: function () { objs.videoLoader = ANIUTIL.mediaLoader({ type: 'video', lazyClass: '.js-live-translate-popup-video-src', responsiveClass: '.js-live-translate-popup-res-video', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-video-src-pc' }, { resolution: 1023, attribute: 'data-video-src-tb' }, { resolution: 767, attribute: 'data-video-src-mo' }, { resolution: 360, attribute: 'data-video-src-mo-s' }], visiblePoint: 1, endCallback: function (video) { if (video.videoWrap && !video.videoWrap.classList.contains('is-loaded')) { video.videoWrap.classList.add('is-loaded'); } } }); } }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.nightography = (function () { let els = {}; let status = {}; let objs = {}; const utils = window.flagship.common.utils; const init = function () { els.section = document.querySelector('.highlights-nightography'); if (!!els.section) { setElements(); objList.swiper(); bindEvents(); } }; const setElements = function () { els.swiperContainer = els.section.querySelector('.swiper-container'); els.nextArrow = els.section.querySelector('.swiper-button-next'); els.prevArrow = els.section.querySelector('.swiper-button-prev'); els.pagination = els.section.querySelector('.swiper-pagination'); }; const bindEvents = function () { objs.swiper.on('init', swiperEvents.init); objs.swiper.on('slideChange', swiperEvents.slideChange); objs.swiper.init(); els.nextArrow.addEventListener('click', swiperEvents.onClickArrow); els.nextArrow.addEventListener('keydown', swiperEvents.onClickArrow); els.prevArrow.addEventListener('click', swiperEvents.onClickArrow); els.prevArrow.addEventListener('keydown', swiperEvents.onClickArrow); }; const objList = { swiper: function () { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { init: false, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.pagination, type: 'bullets', clickable: true, renderBullet: function () { return '<li role="listitem"><button class="swiper-pagination-bullet"></button></li>'; } }, slidesPerView: 'auto', centeredSlides: true, spaceBetween: 10, breakpoints: { 768: { spaceBetween: 100, } }, }); } } }; const swiperEvents = { init: function () { let notification = this.el.querySelector('.swiper-notification'); els.bullets = this.pagination.bullets; for (let i = 0; i < els.bullets.length; i++) { els.bullets[i].removeAttribute('role'); els.bullets[i].addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); objs.swiper.slideTo(i); }); } if (!!notification) this.el.removeChild(notification); accessibility.slide(); accessibility.pagination.tagging(); accessibility.pagination.label(); els.nextArrow.removeAttribute('aria-label'); els.prevArrow.removeAttribute('aria-label'); }, slideChange: function () { accessibility.slide(); accessibility.pagination.label(); }, onClickArrow: function (e) { status.arrowTimeout = null; status.arrowStyleTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); if (objs.swiper.isBeginning && !objs.swiper.isEnd) { els.prevArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.nextArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.prevArrow.style.display = ''; }, 400); } else if (!objs.swiper.isBeginning && objs.swiper.isEnd) { els.nextArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.prevArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.nextArrow.style.display = ''; }, 400); } } } }; const accessibility = { slide: function () { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } }, pagination: { tagging: function () { const tagging = { 'data-omni-type': 'microsite_gallery', 'data-omni': 'galaxy-s24:highlights:camera^nightography:index:', 'ga-ca': 'gallery', 'ga-ac': 'feature gallery', 'ga-la': 'galaxy-s24:highlights:camera^nightography:index:', }; for (let i = 0; i < els.bullets.length; i++) { Object.keys(tagging).forEach(key => { if (key == 'data-omni' || key == 'ga-la') { els.bullets[i].setAttribute(key, tagging[key] + (i + 1)); } else { els.bullets[i].setAttribute(key, tagging[key]); } }); } }, label: function () { for (let i = 0; i < els.bullets.length; i++) { let slideName = objs.swiper.slides[i].getAttribute('data-slide-name'); if (i === objs.swiper.realIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName} ${LOCAL_VARI.selected.toLowerCase()}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName} selected`); } } else { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `${LOCAL_VARI.slide}${i+1}: ${slideName}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideName}`); } } } }, } }; return { init: init, } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.opticalZoom = (function () { const resize = window.flagship.common.resize; let els = {}; let objs = {}; let classList = { isZoom: 'is-zoom', isHide: 'is-hide', active: 'is-active', zoomOutReady: 'is-zoom-out-ready' }; let index = {}; let clickActive = false; const init = function () { els.section = document.querySelector('.highlights-optical-zoom'); if (!!els.section) { setElements(); setProperty(); setScene(); bindEvents(); } }; const setElements = function () { els.zoomCtaList = els.section.querySelector('.highlights-optical-zoom__zoom-button-list'); els.zoomCta = els.section.querySelectorAll('.highlights-optical-zoom__zoom-button'); els.zoomTarget = els.section.querySelector('.js-img-zoom'); els.zoomImages = els.zoomTarget.querySelectorAll('img'); els.tooltip = els.section.querySelector('.highlights-optical-zoom__zoom-tooltip'); }; const setProperty = function () { for (let i = 0; i < els.zoomImages.length; i++) { els.zoomImages[i].setAttribute('aria-hidden', true); } els.isActiveCtaWrap = els.zoomCta[0].parentElement; els.oldVisibleImage = els.zoomImages[0]; accessibility.setTitle(els.zoomCta[0]); els.zoomImages[0].setAttribute('aria-hidden', false); els.zoomImages[0].style.transition = 'none'; els.zoomImages[0].classList.add(classList.active); els.zoomImages[0].style.transition = ''; els.oldVisibleImage = els.zoomImages[0]; }; const setScene = function () { objs.scene = SCROLLER({ trackElement: els.section, useFixed: false }); }; const resetImages = function(){ setTimeout(() => { els.oldVisibleImage.classList.remove(classList.isZoom); els.oldVisibleImage.classList.remove('is-zoom-out-ready'); els.isvisibleTargetImage.removeEventListener('transitionend', resetImages); els.oldVisibleImage.removeEventListener('transitionend', resetImages); els.oldVisibleImage = els.isvisibleTargetImage; clickActive = false; }, 200); }; const bindEvents = function () { els.zoomCtaList.addEventListener('click', zoomClickEvent); els.section.addEventListener('keydown', zoomClickEvent); window.addEventListener('scroll', scrollHandler); scrollHandler(); }; const scrollHandler = function () { objs.scene.trackAnimation(function () { let startProgress = resize.checkResolution() == 'desktop' ? 40 : 35; if (this.progress > startProgress && this.progress < 70) { let speed = 1000; zoomClickEvent(undefined, els.zoomCta[1]); setTimeout(() => { zoomClickEvent(undefined, els.zoomCta[2]); }, speed); setTimeout(() => { zoomClickEvent(undefined, els.zoomCta[1]); TweenMax.to(els.tooltip, 0.4, {opacity: 1, ease: 'linear', delay: 1}); }, speed * 2); window.removeEventListener('scroll', scrollHandler); } }); }; const zoomClickEvent = function (e, trigger) { if (clickActive) return; let actionableEventStatus; if (e != undefined) { if (e.type == 'click' && e.target.classList.contains('highlights-optical-zoom__zoom-tooltip-text')) return; let typeCheck = (e.type == 'click' || e.type == 'keydown'); let commonClassCheck = e.target.classList.contains('highlights-optical-zoom__zoom-button-title'); let clickClassCheck = e.type == 'click' && e.target.classList.contains('highlights-optical-zoom__zoom-button'); let keyCodeCheck = e.keyCode == 13; actionableEventStatus = typeCheck && (commonClassCheck || clickClassCheck || keyCodeCheck); } else if (e == undefined && trigger != undefined) { actionableEventStatus = true; } if (actionableEventStatus) { els.isZoomCta = trigger ? trigger : e.target.classList.contains('highlights-optical-zoom__zoom-button-title') ? e.target.parentElement : e.target; els.isZoomCtaWrap = els.isZoomCta.parentElement; index.click = els.isZoomCta.getAttribute('data-index'); if (index.click == index.active) return; clickActive = true; els.isvisibleTargetImage = els.zoomImages[index.click]; if (!!!trigger && !els.tooltip.classList.contains(classList.isHide)) { TweenMax.to(els.tooltip, 0.4, {opacity: 0, ease: 'linear', onComplete: function(){ els.tooltip.style.display = 'none'; els.tooltip.setAttribute('aria-hidden', 'true'); }}); els.tooltip.classList.add(classList.isHide); } accessibility.removeTitle(); accessibility.setTitle(els.isZoomCta); els.isActiveCtaWrap.classList.remove(classList.active); els.isZoomCtaWrap.classList.add(classList.active); if (!!!index.active || (index.active < index.click)) { els.isZoomImage = els.oldVisibleImage; els.oldVisibleImage.addEventListener('transitionend', resetImages); els.oldVisibleImage.classList.add(classList.isZoom); els.oldVisibleImage.classList.remove(classList.active, classList.zoomOutReady); els.isvisibleTargetImage.classList.add(classList.active); } else { els.isZoomImage = els.oldVisibleImage; els.isvisibleTargetImage.classList.add(classList.zoomOutReady); els.isvisibleTargetImage.addEventListener('transitionend', resetImages); setTimeout(() => { els.isvisibleTargetImage.classList.add(classList.active); }, 100); setTimeout(() => { els.oldVisibleImage.classList.remove(classList.active); }, 600); } els.oldVisibleImage.setAttribute('aria-hidden', true); els.isvisibleTargetImage.setAttribute('aria-hidden', false); els.isActiveCtaWrap = els.isZoomCtaWrap; index.active = index.click; } }; const accessibility = { removeTitle: function () { for (let i = 0; i < els.zoomCta.length; i++) { els.zoomCta[i].removeAttribute('title'); } }, setTitle: function (cta) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { cta.setAttribute('title', LOCAL_VARI.selected); } else { cta.setAttribute('title', 'selected'); } }, }; return { init: init } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.overview = (() => { const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; let els = {}; let objs = {}; let eventFnc = {}; let statusClass = { progress: { active: 'js-progress-active', pause: 'js-progress-pause' }, video: { load: 'is-loaded', complete: 'is-video-load-complete' }, navigation: 'is-active', info: { visible: 'is-visible', active: 'is-active' }, }; let status = { currentDevice: resize.checkResolution(), isAuto: true, isClickControl: false, }; const init = () => { els.section = document.querySelector('.highlights-overview'); if (!!els.section) { setElements(); setProperty(); objList.setScene(); bindEvents(); } }; const setElements = () => { els.sectionInner = els.section.querySelector('.common-inner'); els.overviewContents = els.section.querySelector('.highlights-overview__contents') els.swiperContainer = els.section.querySelector('.js-overview-carousel'); els.slides = els.section.querySelectorAll('.highlights-overview__carousel-slide'); els.videoWrap = els.section.querySelectorAll('.common-video'); els.videos = els.section.querySelectorAll('.common-video__video'); els.videoControlCta = els.section.querySelectorAll('.common-video__control'); els.nextArrow = els.section.querySelector('.swiper-button-next'); els.prevArrow = els.section.querySelector('.swiper-button-prev'); els.progressWrap = els.section.querySelectorAll('.js-progress-wrap'); els.progressBar = els.section.querySelectorAll('.js-progress-bar'); els.navigationWrap = els.section.querySelector('.highlights-overview__navigation'); els.navigationInner = els.navigationWrap.querySelector('.highlights-overview__navigation-inner'); els.navigationList = els.navigationWrap.querySelectorAll('.highlights-overview__navigation-listitem'); els.navigationBtn = els.navigationWrap.querySelectorAll('.highlights-overview__navigation-button-wrap'); els.infoItem = els.section.querySelectorAll('.highlights-overview__info-item'); els.featureCtas = els.section.querySelectorAll('a.common-cta-encased'); els.sup = els.section.querySelectorAll('a.click_sup'); // tutorial els.tutorialOpenCtas = els.section.querySelectorAll('.js-tutorial-popup'); els.tutorialCloseCtas = document.querySelectorAll('.common-tutorial__close-cta'); }; const setProperty = () => { status.navSlideWrapWidth = els.navigationWrap.clientWidth; status.isRtl = document.documentElement.classList.contains('rtl'); for (let i = 0; i < els.videos.length; i++) { els.videos[i].controlCta = els.videoControlCta[i]; els.videos[i].wrap = els.videoWrap[i]; els.videoControlCta[i].video = els.videos[i]; } for (let j = 0; j < els.navigationBtn.length; j++) { els.navigationBtn[j].index = j; els.navigationBtn[j].img = els.navigationBtn[j].querySelectorAll('.highlights-overview__navigation-button-image img'); els.navigationBtn[j].img[0].parentWrap = els.navigationBtn[j]; els.navigationBtn[j].img[1].parentWrap = els.navigationBtn[j]; els.navigationBtn[j].text = els.navigationBtn[j].querySelector('.highlights-overview__navigation-button-text'); els.navigationBtn[j].text.parentWrap = els.navigationBtn[j]; els.navigationBtn[j].addEventListener('keydown', eventList.onClickNavigation); } }; const objList = { setSwiper: () => { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, init: false, speed: 500, }); objs.swiper.currentIndex = 0; objs.swiper.on('init', function () { let notification = this.el.querySelector('.swiper-notification'); this.el.removeChild(notification); els.nextArrow.removeAttribute('aria-label'); els.prevArrow.removeAttribute('aria-label'); objList.setVideo(); eventList.setVideoController(); eventList.scroll(); eventList.animationEnd(); accessibility.slide(); accessibility.setTitle(); }); objs.swiper.on('slideChange', swiperEvent.slideChange); objs.swiper.on('transitionEnd', swiperEvent.transitionEnd); objs.swiper.on('touchMove', swiperEvent.touchMove); objs.swiper.on('touchEnd', swiperEvent.touchEnd); objs.swiper.init(); } }, setVideo: () => { for (let i = 0; i < els.slides.length; i++) { let isSlide = els.slides[i]; let isVideoWrap = isSlide.querySelector('.common-video'); let isVideo = isSlide.querySelector('.common-video__video'); objs[`video_${i}`] = ANIUTIL.videoHandler({ playType: 'scrollPlay', wrap: isVideoWrap, video: isVideo, controller: isVideo.controlCta, startPoint: resize.checkResolution().indexOf('mobile') > -1 ? 25 : 35, reversePoint: resize.checkResolution().indexOf('mobile') > -1 ? 75 : 80, playCallback: function () { status.isAuto = true; if (!!!els.progressBar[i].style['animation-duration']) els.progressBar[i].style['animation-duration'] = `${isVideo.duration}s`; els.progressWrap[i].classList.remove(statusClass.progress.pause); if(isVideo.currentTime == 0) els.progressWrap[i].classList.remove(statusClass.progress.active); setTimeout(() => { els.progressWrap[i].classList.add(statusClass.progress.active); }, 20); accessibility.setTagging.pause(isVideo.controlCta); }, pauseCallback: function () { status.isAuto = false; setTimeout(() => { els.progressWrap[i].classList.add(statusClass.progress.pause); }, 100); accessibility.setTagging.play(isVideo.controlCta); }, endCallback: function () { if (!isVideoWrap.classList.contains('is-completed')) isVideoWrap.classList.add('is-completed'); status.isAuto = true; }, resetCallback: function () { setTimeout(() => { els.progressWrap[i].classList.remove(statusClass.progress.pause); els.progressWrap[i].classList.remove(statusClass.progress.active); }, 100); } }); } }, setScene: () => { objs.scene = SCROLLER({ trackElement: els.overviewContents, useFixed: false }); }, setNavSwiper: () => { if (objs.navSwiper == null) { objs.navSwiper = new Swiper(els.navigationWrap, { init: false, slidesPerView: 'auto', }); objs.navSwiper.on('init', function () { let notification = this.el.querySelector('.swiper-notification'); this.el.removeChild(notification); }); objs.navSwiper.on('touchMove', swiperEvent.checkScrollEnd); objs.navSwiper.init(); } } }; const bindEvents = () => { objList.setSwiper(); window.addEventListener('scroll', eventList.scroll); els.navigationWrap.addEventListener('click', eventList.onClickNavigation); els.nextArrow.addEventListener('click', swiperEvent.onClickArrow); els.nextArrow.addEventListener('keydown', swiperEvent.onClickArrow); els.prevArrow.addEventListener('click', swiperEvent.onClickArrow); els.prevArrow.addEventListener('keydown', swiperEvent.onClickArrow); swiperEvent.navInitCheck(); for (let i = 0; i < els.featureCtas.length; i++) { els.featureCtas[i].addEventListener('click', eventList.clickFeatureCta); } // tutorial for (let j = 0; j < els.tutorialOpenCtas.length; j++) { els.tutorialOpenCtas[j].addEventListener('click', eventList.clickTutorialOpenCta); } // tutorial close for (let i=0; i < els.tutorialCloseCtas.length; i++) { els.tutorialCloseCtas[i].addEventListener('click', function () { if(!status.activeVideoPaused) status.activeVideo.play(); }) } for(let i=0; i<els.sup.length; i++) { els.sup[i].addEventListener('click', function () { status.isAuto = false; }); } resize.add(eventList.onResize); }; const swiperEvent = { slideChange: () => { let activeIndex = objs.swiper.activeIndex; let currentIndex = objs.swiper.currentIndex; let slideLength = objs.swiper.slides.length; let loadIndex = activeIndex == slideLength - 1 ? 0 : activeIndex; let loadVideoLength = els.section.querySelectorAll(`.${statusClass.video.load}`).length; let allSlideloadComplete = els.videos.length == loadVideoLength; let nextIndex = (objs.swiper.activeIndex < objs.swiper.slides.length - 1) ? (objs.swiper.activeIndex + 1) : 0; if (!allSlideloadComplete && els.videos.length > loadIndex) { if (!els.videos[activeIndex].classList.contains(statusClass.video.complete)) { videoLoader.setResponsiveMedia([els.videos[activeIndex]]); els.videoWrap[activeIndex].classList.add(statusClass.video.load); } if (!els.videos[nextIndex].classList.contains(statusClass.video.complete)) { videoLoader.setResponsiveMedia([els.videos[nextIndex]]); els.videoWrap[nextIndex].classList.add(statusClass.video.load); } } if (currentIndex != activeIndex) { objs[`video_${currentIndex}`].eventList.reset.call(objs[`video_${currentIndex}`]); objs[`video_${currentIndex}`].video.removeEventListener('canplay', objs[`video_${currentIndex}`].video.play); if(!!utils.isLowNetwork() || !status.isAuto) { objs[`video_${currentIndex}`].video.removeEventListener('canplay', objs[`video_${currentIndex}`].video.play); els.progressWrap[currentIndex].classList.remove(statusClass.progress.active); els.progressWrap[activeIndex].classList.remove(statusClass.progress.pause); } else { els.progressWrap[currentIndex].classList.remove(statusClass.progress.active); if (objs[`video_${activeIndex}`] != undefined && objs[`video_${activeIndex}`].video.readyState >= 4) { objs[`video_${activeIndex}`].video.play(); } else { objs[`video_${activeIndex}`].video.addEventListener('canplay', function () { this.play(); }); } } if (!els.navigationBtn[activeIndex].classList.contains(statusClass.navigation)) { els.navigationBtn[currentIndex].classList.remove(statusClass.navigation); els.navigationBtn[activeIndex].classList.add(statusClass.navigation); accessibility.setTitle(); } if (!els.infoItem[activeIndex].classList.contains(statusClass.info.visible)) { els.infoItem[currentIndex].classList.remove(statusClass.info.visible); els.infoItem[activeIndex].classList.add(statusClass.info.visible); } if (!els.infoItem[activeIndex].classList.contains(statusClass.info.active)) { els.infoItem[currentIndex].classList.remove(statusClass.info.active); els.infoItem[activeIndex].classList.add(statusClass.info.active); } } if (objs.navSwiper != null) swiperEvent.setNavSwiperXvalue(activeIndex); accessibility.slide(); objs.swiper.currentIndex = activeIndex; }, transitionEnd: function () { if(!!status.isClickControl) return; objs[`video_${objs.swiper.activeIndex}`].video.controlCta.focus(); }, touchMove: function () { objs.swiper.off('transitionEnd', swiperEvent.transitionEnd); }, touchEnd: function () { objs.swiper.on('transitionEnd', swiperEvent.transitionEnd); }, onClickArrow: function (e) { status.arrowTimeout = null; status.arrowStyleTimeout = null; status.accessibilityTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); status.isClickControl = true; if (objs.swiper.isBeginning && !objs.swiper.isEnd) { els.prevArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.nextArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.prevArrow.style.display = ''; }, 400); } else if (!objs.swiper.isBeginning && objs.swiper.isEnd) { els.nextArrow.style.setProperty('display', 'block', 'important'); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { els.prevArrow.focus(); }, 300); clearTimeout(status.arrowStyleTimeout); status.arrowStyleTimeout = setTimeout(function () { els.nextArrow.style.display = ''; }, 400); } else if(!objs.swiper.isBeginning && !objs.swiper.isEnd) { let target = e.target.classList.contains('swiper-button-next') ? els.nextArrow : els.prevArrow; let noTarget = target.classList.contains('swiper-button-next') ? els.prevArrow : els.nextArrow; objs.swiper.slides[objs.swiper.activeIndex].setAttribute('tabindex', -1); objs.swiper.slides[objs.swiper.activeIndex].setAttribute('aria-hidden', true); noTarget.setAttribute('tabindex', -1); noTarget.setAttribute('aria-hidden', true); clearTimeout(status.arrowTimeout); status.arrowTimeout = setTimeout(function () { target.focus(); }, 300); clearTimeout(status.accessibilityTimeout); status.accessibilityTimeout = setTimeout(function () { objs.swiper.slides[objs.swiper.activeIndex].removeAttribute('tabindex'); objs.swiper.slides[objs.swiper.activeIndex].removeAttribute('aria-hidden'); noTarget.removeAttribute('tabindex'); noTarget.removeAttribute('aria-hidden'); }, 400); } eventList.animationEndDestroy(); } }, navInitCheck: () => { let wrapPadding = parseInt(window.getComputedStyle(els.sectionInner).paddingLeft) * 2; let getComputedStyle = window.getComputedStyle(els.navigationList[0]); let navMargin = !!status.isRtl ? parseInt(getComputedStyle.marginLeft) : parseInt(getComputedStyle.marginRight); let navSlideWidth = els.navigationList[0].clientWidth; let slideWrapWidth = (navSlideWidth * els.navigationList.length) + (navMargin * (els.navigationList.length - 1)); status.navSwiperPadding = (status.navSlideWrapWidth - slideWrapWidth) / 2; let contentsWidth = els.sectionInner.clientWidth - wrapPadding - status.navSwiperPadding; status.isNavInit = (status.currentDevice.indexOf('mobile') > -1 && contentsWidth <= slideWrapWidth) || els.navigationList.length > 4; if(!!status.isNavInit) { objList.setNavSwiper(); } else { swiperEvent.destroy(); } }, setNavSwiperXvalue: (activeIndex) => { if (activeIndex === 0 || activeIndex === 1) { status.xValue = 0; } else if (activeIndex > 1) { if((status.navSwiperPadding * 2) < 0) { status.xValue = (status.navSlideWrapWidth - els.navigationInner.clientWidth) + Math.abs((status.navSwiperPadding * 2)); } else { status.xValue = status.navSlideWrapWidth - els.navigationInner.clientWidth; } } if(!status.isRtl) els.navigationInner.style.transform = `translate3d(-${status.xValue}px, 0px, 0px)`; else els.navigationInner.style.transform = `translate3d(${status.xValue}px, 0px, 0px)`; swiperEvent.checkScrollEnd(); }, checkScrollEnd: () => { if(!status.isRtl) { if(objs.navSwiper.getTranslate() < 0) els.navigationWrap.classList.add('is-scroll-end'); else els.navigationWrap.classList.remove('is-scroll-end'); } else { if(objs.navSwiper.getTranslate() < 0) els.navigationWrap.classList.remove('is-scroll-end'); else els.navigationWrap.classList.add('is-scroll-end'); } }, destroy: () => { if(objs.navSwiper != null) { objs.navSwiper.destroy(true); objs.navSwiper = null; } } } const eventList = { setVideoController: () => { for (let i = 0; i < els.videoControlCta.length; i++) { els.videoControlCta[i].addEventListener('click', function () { let isVideo = this.video; if (isVideo.paused) { isVideo.play(); } else { isVideo.pause(); } }); } }, scroll: () => { objs.scene.trackAnimation(function () { objs[`video_${objs.swiper.activeIndex}`].scrollActive(this.progress); }); }, animationEnd: () => { eventFnc.animationEnd = {}; if(!!utils.isLowNetwork()) return; for (let i = 0; i < els.progressBar.length; i++) { eventFnc.animationEnd[i] = function () { if (objs.swiper.activeIndex == (objs.swiper.slides.length - 1)) { status.isAuto = false; els.progressBar[i].removeEventListener('animationend', eventFnc.animationEnd[i]); } else { setTimeout(() => { if(!status.isAuto) return; objs.swiper.slideNext(500); els.progressBar[i].removeEventListener('animationend', eventFnc.animationEnd[i]); }, 800); } }; els.progressBar[i].addEventListener('animationend', eventFnc.animationEnd[i]); } }, animationEndDestroy: () => { for (let i = 0; i < els.progressBar.length; i++) { els.progressBar[i].removeEventListener('animationend', eventFnc.animationEnd[i]); } }, onClickNavigation: (e) => { if (e.target.classList.contains('swiper-wrapper') || (e.type == 'keydown' && e.keyCode != 13)) return; let oldTarget = els.navigationWrap.querySelector(`.${statusClass.navigation}`); let targetMatches = e.target.matches('.highlights-overview__navigation-button-image img') || e.target.matches('.highlights-overview__navigation-button-text'); if (targetMatches) { currentTarget = e.target.parentWrap; } else if (e.target.classList.contains('highlights-overview__navigation-button')) { currentTarget = e.target.parentElement; } if (!currentTarget.classList.contains(statusClass.navigation)) { oldTarget.classList.remove(statusClass.navigation); currentTarget.classList.add(statusClass.navigation); objs.swiper.slideTo(currentTarget.index, 500, false); accessibility.setTitle(); } status.isClickControl = true; eventList.animationEndDestroy(); }, clickFeatureCta: (e) => { e.preventDefault(); status.isAuto = false; let target = e.target.matches('.common-cta-encased__text') ? e.target.parentElement : e.target; let sectionId = target.getAttribute('href'); let section; if (sectionId == '#transcript-assist') { section = document.querySelector('.highlights-live-translate'); let layerPopup = document.querySelector(sectionId); let sectionTop = section.getBoundingClientRect().top; let movePosition = (sectionTop + window.pageYOffset) - utils.getNavHeight(); window.scrollTo(0, movePosition); setTimeout(() => { layerPopup.show(); }, 300); } else { section = document.querySelector(sectionId); let sectionTop = section.getBoundingClientRect().top; let movePosition = (sectionTop + window.pageYOffset) - utils.getNavHeight(); let title = section.querySelector('h2.common-sub-headline'); let clickable = section.querySelectorAll('a, button'); if (!!title) { let _focusOut = function () { title.removeAttribute('tabindex'); title.removeEventListener('focusout', _focusOut); }; title.addEventListener('focusout', _focusOut); title.setAttribute('tabindex', 0); title.focus(); } else { clickable[0].focus(); } window.scrollTo(0, movePosition); } }, onResize: function (currRes) { status.currentDevice = currRes; status.navSlideWrapWidth = els.navigationWrap.clientWidth; swiperEvent.navInitCheck(); }, clickTutorialOpenCta: function () { let hash = this.getAttribute('data-hash'); let tutorialPopup = document.querySelector(`#${hash}`); let tutorialPopupList = document.querySelectorAll('.common-tutorial'); if (tutorialPopup) { status.isAuto = false; status.activeVideo = objs[`video_${objs.swiper.activeIndex}`].video; status.activeVideoPaused = status.activeVideo.paused; tutorialPopup.show(); if (utils.detector.isIosDevice || utils.detector.isTouchDevice) this.blur(); else this.focus(); for (let i = 0; i < tutorialPopupList.length; i++) { tutorialPopupList[i].isOverview = true; tutorialPopupList[i].overviewCta = this; } } }, }; const accessibility = { slide: () => { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } }, setTitle: () => { for (let i = 0; i < els.navigationBtn.length; i++) { let button = els.navigationBtn[i].querySelector('button'); button.removeAttribute('title'); if (i == objs.swiper.activeIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { button.setAttribute('title', LOCAL_VARI.selected); } else { button.setAttribute('title', 'Selected'); } } } }, setTagging: { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } } }; return { init: init } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.quote = (function () { const utils = window.flagship.common.utils, resize = window.flagship.common.resize; let els = {}, prevDevice = null, currDevice = resize.checkResolution(); const init = function () { els.section = document.querySelector('.highlights-media-quote'); if (!!els.section) { setElements(); bindEvents(); } }; const setElements = function () { els.swiper = null; els.itemArray = []; els.quoteWrap = els.section.querySelector('.highlights-media-quote__inner'); els.quoteContainer = els.section.querySelector('.highlights-media-quote__list-wrap'); els.quoteList = els.section.querySelector('.highlights-media-quote__list'); els.quoteListItems = els.quoteList.querySelectorAll('.highlights-media-quote__item'); els.arrowWrap = els.section.querySelector('.highlights-media-quote__arrow'); els.prevArrow = els.section.querySelector('.swiper-button-prev'); els.nextArrow = els.section.querySelector('.swiper-button-next'); els.quotePagination = els.section.querySelector('.highlights-media-quote__pagination'); }; const bindEvents = function () { window.addEventListener('DOMContentLoaded', onLodeHandler, {once : true}); resize.add(onResizeHandler); els.nextArrow.addEventListener('click', swiperEvents.onClickArrow); els.nextArrow.addEventListener('keydown', swiperEvents.onClickArrow); els.prevArrow.addEventListener('click', swiperEvents.onClickArrow); els.prevArrow.addEventListener('keydown', swiperEvents.onClickArrow); }; const onLodeHandler = function () { onResponsiveChange(); }; const onResizeHandler = function (currRes) { currDevice = currRes; if (currDevice != prevDevice) { onResponsiveChange(); prevDevice = currDevice; } }; const onResponsiveChange = function () { if (currDevice.indexOf('mobile') > -1) { setSwiper(); } else { swiperEvents.destroy(); } }; const setSwiper = function () { if (els.swiper === null) { els.quoteWrap.classList.add('js-swiper-initialized'); els.swiper = new Swiper(els.quoteContainer, { init: false, slidesPerView: 'auto', centeredSlides: true, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.quotePagination, type: 'bullets', renderBullet: function () { return '<li role="listitem"><button class="swiper-pagination-bullet"></button></li>'; } } }); els.swiper.on('init', swiperEvents.init); els.swiper.on('slideChange', swiperEvents.slideChange); els.swiper.init(); } }; const swiperEvents = { init: function () { let self = this, notification = self.el.querySelector('.swiper-notification'); if (!!notification) self.el.removeChild(notification); setAccessibility.slide(); setAccessibility.arrow(); setPaginationTagging.call(self); setPaginationLabel.call(self); for (let i = 0; i < self.pagination.bullets.length; i++) { (function (idx) { self.pagination.bullets[i].addEventListener('click', function () { self.slideTo(idx); }); })(i); } }, slideChange : function () { setAccessibility.slide(); setAccessibility.arrow(); setPaginationLabel.call(this); }, onClickArrow: function (e) { if ((e.type == 'keydown' && e.keyCode == 13) || (e.type == 'click' && document.documentElement.classList.contains('isTouchDevice'))) { e.preventDefault(); clearTimeout(els.arrowTimeout); els.arrowTimeout = setTimeout(function () { if (els.swiper.isBeginning && !els.swiper.isEnd) { els.nextArrow.focus(); } else if (!els.swiper.isBeginning && els.swiper.isEnd) { els.prevArrow.focus(); } }, 300); } }, destroy : function () { if (els.swiper != null) { els.quoteWrap.classList.remove('js-swiper-initialized'); els.swiper.pagination.destroy(true); els.swiper.navigation.destroy(true); els.swiper.destroy(true); els.swiper = null; } }, }; const setPaginationTagging = function () { let bullets = Array.prototype.slice.call(this.pagination.bullets), paginationTagging = { 'data-omni-type': 'microsite_contentinter', 'data-omni': 'galaxy-s24:highlights:overview:media-quote:index:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'galaxy-s24:highlights:overview:media-quote:index:', }; bullets.forEach(function (ele, idx) { Object.keys(paginationTagging).forEach(function (key) { if (key == 'data-omni' || key == 'ga-la') { ele.setAttribute(key, paginationTagging[key] + (idx + 1)); } else { ele.setAttribute(key, paginationTagging[key]); } }); }); }; const setPaginationLabel = function () { let self = this, slides = Array.prototype.slice.call(this.slides), bullets = Array.prototype.slice.call(this.pagination.bullets); bullets.forEach(function (bullet, bulletIndex) { let ariaLabelText = slides[bulletIndex].querySelector('.highlights-media-quote__media').innerText; if (self.realIndex == bulletIndex) { bullet.setAttribute('aria-label', ariaLabelText + ' Selected'); } else { bullet.setAttribute('aria-label', ariaLabelText); } }); }; const setAccessibility = { slide: function () { for (let i = 0; i < els.swiper.slides.length; i++) { if (i != els.swiper.snapIndex) { utils.onAccessibility(els.swiper.slides[i]); } else { utils.offAccessibility(els.swiper.slides[i]); } } }, arrow: function () { if (els.swiper.isBeginning && !els.swiper.isEnd) { utils.offAccessibility(els.nextArrow); utils.onAccessibility(els.prevArrow); } else if (!els.swiper.isBeginning && els.swiper.isEnd) { utils.offAccessibility(els.prevArrow); utils.onAccessibility(els.nextArrow); } else { utils.offAccessibility(els.nextArrow); utils.offAccessibility(els.prevArrow); } } }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.resolutionPopup = (function () { const utils = window.flagship.common.utils; const common = window.flagship.highlights.common; let els = {}; let objs = {}; let status = {}; const init = function () { els.section = document.querySelector('.highlights-resolution'); els.layerPopup = document.querySelector('.highlights-resolution-popup'); if (!!els.layerPopup) { setElements(); setStatus(); setPopup(); bindEvents(); } }; const setElements = function () { status.isGlobal = document.documentElement.classList.contains('global'); els.contents = document.querySelector('#contents'); els.openCta = els.section.querySelector('.js-layer-popup'); els.innerWrap = els.layerPopup.querySelector('.common-popup__inner-wrapper'); els.closeCtas = els.layerPopup.querySelectorAll('.common-popup__close-cta'); els.dimmed = els.layerPopup.querySelector('.common-popup__dimmed'); els.supClicker = els.layerPopup.querySelectorAll('a.click_sup'); els.hashPopupOpener = null; }; const setStatus = function () { status.isHash = false; }; const bindEvents = function () { for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', onClickSup); } }; const setPopup = function () { utils.layerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.highlights-resolution-popup', openerEvent: { element: els.openCta, }, closeCtas: [els.closeCtas[0], els.closeCtas[1]], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function (target) { els.innerWrap.scrollTop = 0; els.layerPopup.classList.add('is-init'); target.openerCta.blur(); setPopupLazyLoader.image(); if (`#${els.openCta.getAttribute('data-hash')}` == window.location.hash) { status.isHash = true; els.hashPopupOpener = els.openCta; } }, end: function () { if (utils.detector.isIosDevice) els.layerPopup.style.display = 'block'; els.layerPopup.classList.add('is-open'); } }, hide: { start: function (target) { target.openerCta.focus(); els.layerPopup.classList.remove('is-open'); }, end: function () { setTimeout(function () { els.layerPopup.classList.remove('is-init'); }, 300); if (status.isHash && els.hashPopupOpener) { els.hashPopupOpener.focus(); setTimeout(function () { els.hashPopupOpener.focus(); status.isHash = false; els.hashPopupOpener = null; }, 300); } } } }); }; const setPopupLazyLoader = { image: function () { objs.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-resolution-popup-img-src', responsiveClass: '.js-resolution-popup-res-img', preset: status.isGlobal ? '' : '?imbypass=true', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.popupBgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-resolution-popup-bg-img', innerScroll: { use: true, wrap: els.layerPopup, }, loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }, }; const onClickSup = function (e) { e.preventDefault(); e.stopPropagation(); els.layerPopup.hide(); let targetIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[targetIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; setTimeout(() => { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 500); const eventList = { focusIn: function () { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); }; return { init: init, } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.tutorial = (function () { const utils = window.flagship.common.utils; const resize = window.flagship.common.resize; const common = window.flagship.highlights.common; const tutorialPopup = window.flagship.highlights.tutorialPopup; let objs = {}; let status = {}; let commonEls = {}; let isDevice = resize.checkResolution(); status.isGlobal = document.documentElement.classList.contains('global'); let sectionList = document.querySelectorAll('#generative-edit, #circle-to-search, #live-translate, #chat-assist'); let layerPopup = document.querySelectorAll('#generative-edit-experience, #circle-to-search-experience, #live-translate-experience, #chat-assist-experience'); let popupClassList = [ '.highlights-generative-edit-tutorial', '.highlights-circle-to-search-tutorial', '.highlights-live-translate-tutorial', '.highlights-chat-assist-tutorial' ] let statusClass = { isVisible: 'is-visible', isTutorialOpend: 'is-tutorial-opened', isTutorialOpenedMo: 'is-tutorial-opened-mo', isInfoOpen: 'is-info-open', isInfoVisible: 'is-info-visible', isTutorialEnd: 'is-tutorial-end', isActive: 'is-active', isBgLoadComplete: 'is-bg-load-complete', isCompleted: 'is-completed', isOpen: 'is-open', } const init = function () { status.isHash = false; status.isIos = utils.detector.isIosDevice; status.overview = {}; commonEls.globalSubNav = document.querySelector('#subnav'); commonEls.globalContents = document.querySelector('#contents'); commonEls.dotcomContents = document.querySelector('.pd-g-floating-nav'); commonEls.overview = document.querySelector('.highlights-overview'); commonEls.gnb = document.querySelector('.nv00-gnb'); commonEls.tooltipWrap = document.querySelectorAll('.js-tutorial-tooltip'); if (status.isGlobal) { commonEls.contentsChildren = document.querySelector('#contents').children; commonEls.commonUi = document.querySelectorAll('#accessibility-navigation, #header, #footer'); } else { commonEls.wrapChildren = document.querySelector('#wrap').children; commonEls.contentChildren = document.querySelector('#content').children; commonEls.rootChildren = document.querySelector('#content .root .responsivegrid .aem-Grid--12').children; commonEls.flotingNavi = document.querySelector('.pd-g-floating-nav'); commonEls.flotingNaviFixedWrap = document.querySelector('.floating-navigation__wrap'); } for (let i = 0; i < sectionList.length; i++) { let opts = { section: sectionList[i], layerPopup: layerPopup[i], popupClass: popupClassList[i], openCta: sectionList[i].querySelector('.js-tutorial-popup'), closeCta: layerPopup[i].querySelector('.common-tutorial__close-cta--popup'), moCloseCta: layerPopup[i].querySelector('.common-tutorial__close-cta--video'), } els = getElements(opts); tooltipAccessibility(); setPopup(opts, els); bindEvents(els, i); } }; const getElements = function (opts) { let els = {}; els.openCta = opts.section.querySelector('.js-tutorial-popup'); els.innerWrapper = opts.layerPopup.querySelector('.common-tutorial__inner-wrapper'); els.layerPopup = opts.layerPopup; els.innerWrap = opts.layerPopup.querySelector('.common-tutorial__inner-wrap'); els.textWrap = opts.layerPopup.querySelector('.common-tutorial__text'); els.closeCta = opts.layerPopup.querySelector('.common-tutorial__close-cta--popup'); els.moCloseCta = opts.moCloseCta; els.infoPopup = opts.layerPopup.querySelector('.common-tutorial__info-area'); els.videoContent = opts.layerPopup.querySelector('.common-tutorial__video-content'); els.introVideoSection = opts.layerPopup.querySelector('.common-tutorial__intro-video'); els.introVideoWrap = opts.layerPopup.querySelector('.common-tutorial__intro-video .common-video'); els.introVideo = opts.layerPopup.querySelector('.common-tutorial__intro-video video'); els.introCoverImage = opts.layerPopup.querySelector('.common-tutorial__intro-video .common-video__cover-image'); if (opts.layerPopup.classList.contains('highlights-live-translate-tutorial')) { els.introCta = opts.layerPopup.querySelector('.common-tutorial__intro-video .js-tutorial-tooltip-cta'); } els.tutorialContents = opts.layerPopup.querySelector('.common-tutorial__video-content'); els.tutorialVideoContainer = opts.layerPopup.querySelector('.common-tutorial__main-video'); els.tutorialVideoWrap = opts.layerPopup.querySelectorAll('.common-tutorial__main-video .common-tutorial__video'); els.tutorialVideos = opts.layerPopup.querySelectorAll('.common-tutorial__main-video .common-tutorial__video video'); els.tutorialCoverImages = opts.layerPopup.querySelectorAll('.common-tutorial__main-video .common-video__cover-image'); els.tutorialActiveCta = opts.layerPopup.querySelector('.common-tutorial__cta--play button'); els.tutorialDeactiveCta = opts.layerPopup.querySelector('.common-tutorial__cta--pause button'); els.tutorialTooltip = opts.layerPopup.querySelectorAll('.common-tutorial__main-video .js-tutorial-tooltip'); els.tutorialAlert = opts.layerPopup.querySelectorAll('.common-tutorial__main-video .js-tutorial-alert'); els.generativeCta = opts.layerPopup.querySelector('.js-tutorial-generative-cta'); els.tutorialFrame = opts.layerPopup.querySelector('.common-tutorial__main-video.common-video__frame'); els.tutorialReplay = opts.layerPopup.querySelector('.common-tutorial__replay-cta'); els.tutorialNavigation = opts.layerPopup.querySelector('.common-tutorial__navigation'); els.navPrev = els.tutorialNavigation.querySelector('.common-tutorial__navigation-button--prev'); els.navNext = els.tutorialNavigation.querySelector('.common-tutorial__navigation-button--next'); els.tutorialPagination = opts.layerPopup.querySelector('.common-tutorial__pagination-area'); els.supClicker = opts.layerPopup.querySelectorAll('a.click_sup'); els.layerPopup.opener = els.openCta; els.layerPopup.targetOpener = opts.openCta; return els; }; const setProperty = function(els){ els.introVideoWrap.video = els.introVideo; els.introVideoWrap.controller = els.introVideoWrap.querySelector('.common-video__control'); els.introVideoWrap.controller.video = els.introVideo; }; const tooltipAccessibility = function() { for (let i = 0; i < commonEls.tooltipWrap.length; i++) { utils.onAccessibility(commonEls.tooltipWrap[i]); } }; const eventList = { common: { setMobileVideoWidth: function(els){ if (els.layerPopup.classList.contains('is-open') && resize.checkResolution().indexOf('mobile') > -1) { let containerWidth = window.innerWidth; let containerHeight = window.innerHeight; if (!status.isIos) { let videoHeight = Math.floor(containerWidth * 2.1666); if (videoHeight > containerHeight) { els.tutorialVideoContainer.style.width = `${Math.floor(containerHeight * 0.4615)}px`; els.tutorialVideoContainer.style.height = `${containerHeight}px`; } else { els.tutorialVideoContainer.style.width = ''; els.tutorialVideoContainer.style.height = `${videoHeight}px`; } } else { els.tutorialVideoContainer.style.width = `${Math.floor(containerHeight * 0.4615)}px`; } } else if (resize.checkResolution() != 'mobile' && els.tutorialVideoContainer.style.height) { if (!status.isIos) { els.tutorialVideoContainer.style.width = ''; els.tutorialVideoContainer.style.height = ''; } else { els.tutorialVideoContainer.style.width = ''; } } }, }, resize: { position: function(els) { if (els.layerPopup.classList.contains('is-open')) { if (isDevice.indexOf('desktop') > -1 && resize.checkResolution().indexOf('desktop') > -1) { let isHash = location.hash; if (!status.isGlobal && window.pageYOffset == 0 && !!isHash) { eventList.popup.setPopupPosition(els.layerPopup); } } if (isDevice != resize.checkResolution()) { eventList.popup.setPopupPosition(els.layerPopup); if (els.layerPopup.querySelector('.is-info-open, .is-tutorial-opened')) { eventList.tutorial.deactive(els); eventList.tutorial.reset(els); }; isDevice = resize.checkResolution(); } } }, }, tutorial: { videoContentReset: function(els){ els.videoContent.classList.remove(statusClass.isInfoOpen); els.videoContent.classList.remove(statusClass.isInfoVisible); els.videoContent.classList.add(statusClass.isTutorialOpend); }, reset: function(els) { if (els.generativeCta) { els.generativeCta.classList.remove(statusClass.isVisible, statusClass.isTutorialEnd); els.generativeCta.parentElement.classList.remove(statusClass.isVisible); } els.tutorialActiveCta.parentElement.classList.add(statusClass.isActive); els.tutorialDeactiveCta.parentElement.classList.remove(statusClass.isActive); els.tutorialContents.classList.remove(statusClass.isInfoOpen); els.videoContent.classList.remove(statusClass.isInfoVisible); els.tutorialContents.classList.remove(statusClass.isTutorialOpend); if (resize.checkResolution().indexOf('mobile') > -1) { els.layerPopup.classList.remove(statusClass.isTutorialOpenedMo); } for (let i = 0; i < els.tutorialVideoWrap.length; i++) { if (els.tutorialVideoWrap[i]) els.tutorialVideoWrap[i].classList.remove(statusClass.isVisible); if (els.tutorialVideos[i]) { if (!els.tutorialVideos[i].paused) { els.tutorialVideos[i].pause(); } els.tutorialVideos[i].currentTime = 0; } let isComplete = els.tutorialVideoWrap[i].querySelector(`.${statusClass.isCompleted}`); if (isComplete) els.tutorialVideos[i].videoHandler.resetCallback(); if (els.tutorialTooltip[i]) els.tutorialTooltip[i].classList.remove(statusClass.isVisible); if (els.tutorialAlert[i]) els.tutorialAlert[i].classList.remove(statusClass.isVisible); clearTimeout(status.infoRemoveTiming); } if (!!els.introCta) { els.introCta.parentElement.classList.remove(statusClass.isVisible); utils.onAccessibility(els.introCta.parentElement); } els.tutorialReplay.style.display = ''; if (!els.tutorialReplay.hasAttribute('tabindex')) els.tutorialReplay.setAttribute('tabindex', -1); if (!els.tutorialReplay.hasAttribute('aria-hidden')) els.tutorialReplay.setAttribute('aria-hidden', true); els.introVideoWrap.controller.removeAttribute('tabindex'); els.introVideoWrap.controller.removeAttribute('aria-hidden'); }, videoVisible: function(els) { if (!els.introVideo.paused) { els.introVideo.pause(); } els.videoContent.classList.add(statusClass.isInfoOpen); setTimeout(() => { els.videoContent.classList.add(statusClass.isInfoVisible); }, 0); els.tutorialVideoWrap[0].classList.add(statusClass.isVisible); }, imageLoad: function(els){ if (!els.tutorialFrame.classList.contains(statusClass.isBgLoadComplete)) { els.tutorialFrame.classList.add(statusClass.isBgLoadComplete); } if (!els.tutorialDeactiveCta.classList.contains(statusClass.isBgLoadComplete)) { els.tutorialDeactiveCta.classList.add(statusClass.isBgLoadComplete); } }, setActiveCta: function(els) { els.tutorialActiveCta.parentElement.classList.remove(statusClass.isActive); els.tutorialDeactiveCta.parentElement.classList.add(statusClass.isActive); if (resize.checkResolution().indexOf('mobile') > -1) { els.layerPopup.classList.add(statusClass.isTutorialOpenedMo); } }, activeInfo: function(els) { let self = this; clearTimeout(status.infoRemoveTiming); status.infoRemoveTiming = setTimeout(() => { self.videoContentReset(els); els.tutorialVideos[0].play(); utils.offAccessibility(els.tutorialVideoWrap[0]); let tutorialVideoController = els.tutorialVideoWrap[0].querySelector('.common-video__control.common-play-button'); tutorialVideoController.focus(); if (resize.checkResolution().indexOf('mobile') > -1) { els.layerPopup.classList.add(statusClass.isTutorialOpenedMo); } if (els.tutorialVideos[1].readyState < 4) { imageLoader.setResponsiveMedia([els.tutorialCoverImages[1]]); videoLoader.setResponsiveMedia([els.tutorialVideos[1]]); } els.tutorialVideos[0].focus(); status.infoRemoveTiming = null; }, 3000); }, active: function (els) { this.onAccessibility(els); if (resize.checkResolution().indexOf('mobile') > -1 && !status.isIos) { document.documentElement.requestFullscreen(); } if (resize.checkResolution().indexOf('mobile') > -1) { setTimeout(function () { els.moCloseCta.focus(); }, 300); } else { setTimeout(function () { els.tutorialDeactiveCta.focus(); }, 300); } status.infoRemoveTiming = null; this.videoVisible(els); this.imageLoad(els); this.setActiveCta(els); this.activeInfo(els); }, videoReset: function(els) { els.introVideo.currentTime = 0; if (isDevice == resize.checkResolution()) { els.introVideo.play(); } for (let i = 0; i < els.tutorialVideoWrap.length; i++) { els.tutorialVideoWrap[i].classList.remove(statusClass.isVisible); if (!els.tutorialVideos[i].paused) { els.tutorialVideos[i].pause(); els.tutorialVideos[i].currentTime = 0; } } }, ctaReset: function(els) { els.tutorialDeactiveCta.parentElement.classList.remove(statusClass.isActive); els.tutorialActiveCta.parentElement.classList.add(statusClass.isActive); if (resize.checkResolution().indexOf('mobile') == -1) { els.layerPopup.classList.remove(statusClass.isTutorialOpenedMo); } if (!!els.introCta) { els.introCta.parentElement.classList.remove(statusClass.isVisible); utils.onAccessibility(els.introCta.parentElement); } }, deactive: function(els) { els.videoContent.classList.remove(statusClass.isInfoOpen, statusClass.isInfoVisible, statusClass.isTutorialOpend); this.offAccessibility(els); if (resize.checkResolution().indexOf('mobile') > -1 && !status.isIos) { if (document.fullscreenElement != null) document.exitFullscreen(); } setTimeout(function () { els.tutorialActiveCta.focus(); }, 300); this.videoReset(els) this.ctaReset(els); for (let i = 0; i < els.tutorialVideoWrap.length; i++) { utils.onAccessibility(els.tutorialVideoWrap[i]); } }, onAccessibility: function(els) { if (resize.checkResolution().indexOf('mobile') > -1) { utils.onPopupAccessibility(els.textWrap); if (!status.isGlobal) { utils.onPopupAccessibility(commonEls.flotingNaviFixedWrap); } else { utils.onPopupAccessibility(commonEls.globalSubNav); } } utils.onPopupAccessibility(els.introVideoSection); }, offAccessibility: function(els) { if (resize.checkResolution().indexOf('mobile') > -1) { utils.offPopupAccessibility(els.textWrap); if (!status.isGlobal) { utils.offPopupAccessibility(commonEls.flotingNaviFixedWrap); } else { utils.offPopupAccessibility(commonEls.globalSubNav); } } utils.offPopupAccessibility(els.introVideoSection); } }, popup: { setOverviewStatus: function(opts) { if (opts.openCta.parentElement.getAttribute('class').indexOf('__tutorial-cta') > -1) { let isOverviewVideo = commonEls.overview.querySelector('.swiper-slide-active video'); if (!isOverviewVideo.paused) { status.overview = { video: isOverviewVideo, paused: true } isOverviewVideo.pause(); } } }, mediaLoad: function(els) { if (!els.tutorialActiveCta.classList.contains(statusClass.isBgLoadComplete)) { els.tutorialActiveCta.classList.add(statusClass.isBgLoadComplete); } if (els.introVideo.readyState < 4) { imageLoader.setResponsiveMedia([els.introCoverImage]); videoLoader.setResponsiveMedia([els.introVideo]); } if (!els.navPrev.classList.contains(statusClass.isBgLoadComplete)) { els.navPrev.classList.add(statusClass.isBgLoadComplete); } if (!els.navNext.classList.contains(statusClass.isBgLoadComplete)) { els.navNext.classList.add(statusClass.isBgLoadComplete); } }, playIntroVideo: function(els) { if (els.introVideo.readyState >= 4) { els.introVideo.currentTime = 0; els.introVideo.play(); } else { els.introVideo.addEventListener('canplay', function(){ if (this.paused) this.play(); }); } }, tutorialIntroImgLoad: function(els) { if (!!els.introCoverImage && !els.introCoverImage.classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia([els.introCoverImage]); } }, tutorialMediaLoad: function(els) { if (els.tutorialVideos[0].readyState < 4) { imageLoader.setResponsiveMedia([els.tutorialCoverImages[0]]); videoLoader.setResponsiveMedia([els.tutorialVideos[0]]); } if (!els.tutorialReplay.classList.contains(statusClass.isBgLoadComplete)) { els.tutorialReplay.classList.add(statusClass.isBgLoadComplete) } }, setPopupPosition: function(layerPopup) { let isHash = location.hash; let dotcomGnbHeight = 0; if (!status.isGlobal && window.pageYOffset == 0 && !!isHash) { dotcomGnbHeight = document.querySelector('.nv00-gnb').clientHeight; layerPopup.style.top = `${utils.getNavHeight() + dotcomGnbHeight}px`; } else { layerPopup.style.top = `${utils.getNavHeight()}px`; } }, setUiEls: function(opts, els, target) { if (commonEls.globalSubNav) commonEls.globalSubNav.style.opacity = 1; opts.layerPopup.classList.add('is-init'); target.openerCta.blur(); if (`#${els.openCta.getAttribute('data-hash')}` == window.location.hash) { let oldOpenPopup = document.querySelector('.common-tutorial.is-open'); if (!!oldOpenPopup) { let oldOpenPopupId = oldOpenPopup.getAttribute('id'); if (`#${oldOpenPopupId}` != window.location.hash) { document.querySelector(`#${oldOpenPopupId}`).hide(); } } status.isHash = true; if (!status.isGlobal) commonEls.gnb.style.display = 'none'; } if (!!els.introCta) { els.introVideo.addEventListener('ended', function () { utils.offAccessibility(els.introCta.parentElement); setTimeout(function () { els.introCta.parentElement.classList.add(statusClass.isVisible); }, 100); }); } }, setSubnavi: function(opts) { if (commonEls.globalSubNav) commonEls.globalSubNav.style.opacity = .9; opts.layerPopup.classList.remove('is-init'); }, focusHandler: function(opts, els) { let isHash = status.isHash && els.layerPopup.targetOpener; let isOverview = els.layerPopup.isOverview; let isController = els.layerPopup.isController; if (isHash || !!isController && !!!isOverview) { els.layerPopup.targetOpener.blur(); if (!status.isIos) els.layerPopup.targetOpener.focus(); setTimeout(function () { els.layerPopup.targetOpener.focus(); if (isHash) { status.isHash = false; history.pushState('', document.title, window.location.pathname); if (!status.isGlobal) commonEls.gnb.style.display = ''; } if (!!isController) isController = false; }, 300); } if (!!isOverview) { opts.layerPopup.overviewCta.blur(); if (!status.isIos) opts.layerPopup.overviewCta.focus(); setTimeout(function () { if (!document.querySelector('.common-tutorial.is-open')) { opts.layerPopup.overviewCta.focus(); for (let i = 0; i < layerPopup.length; i++) { layerPopup[i].isOverview = false; layerPopup[i].overviewCta = null; } } }, 300); } }, onAccessibilityGlobal: function(els) { for (let i = 0; i < commonEls.contentsChildren.length; i++) { let isId = commonEls.contentsChildren[i].getAttribute('id'); if ((isId != null && isId.indexOf('experience') == -1 && isId.indexOf('subnav') == -1) || isId == null) { utils.onPopupAccessibility(commonEls.contentsChildren[i]); } } for (let i = 0; i < commonEls.commonUi.length; i++) { utils.onPopupAccessibility(commonEls.commonUi[i]); } }, offAccessibilityGlobal: function(els) { for (let i = 0; i < commonEls.contentsChildren.length; i++) { let isId = commonEls.contentsChildren[i].getAttribute('id'); if ((isId != null && isId.indexOf('experience') == -1 && isId.indexOf('subnav') == -1) || isId == null) { utils.offPopupAccessibility(commonEls.contentsChildren[i]); } } for (let i = 0; i < commonEls.commonUi.length; i++) { utils.offPopupAccessibility(commonEls.commonUi[i]); } }, onAccessibilityDotom: function(els) { let staticContent = document.querySelector('.static-content'); staticContent.style.zIndex = -1; staticContent.style.position = 'relative'; for (let i = 0; i < commonEls.wrapChildren.length; i++) { let isId = commonEls.wrapChildren[i].getAttribute('id'); if ((isId != null && isId.indexOf('content') == -1) || isId == null) { utils.onPopupAccessibility(commonEls.wrapChildren[i]); } } for (let i = 0; i < commonEls.contentChildren.length; i++) { let isClass = commonEls.contentChildren[i].getAttribute('class'); if ((isClass != null && isClass.indexOf('root') == -1) || isClass == null) { utils.onPopupAccessibility(commonEls.contentChildren[i]); } } for (let i = 0; i < commonEls.rootChildren.length; i++) { let isClass = commonEls.rootChildren[i].getAttribute('class'); if ((isClass != null && isClass.indexOf('pd-g-floating-nav') == -1) || isClass == null) { utils.onPopupAccessibility(commonEls.rootChildren[i]); } } }, offAccessibilityDotcom: function(els) { for (let i = 0; i < commonEls.wrapChildren.length; i++) { utils.offPopupAccessibility(commonEls.wrapChildren[i]); } if (!status.isIos) { for (let i = 0; i < commonEls.contentChildren.length; i++) { commonEls.contentChildren[i].removeAttribute('tabindex'); commonEls.contentChildren[i].removeAttribute('aria-hidden'); } for (let i = 0; i < commonEls.rootChildren.length; i++) { commonEls.rootChildren[i].removeAttribute('tabindex'); commonEls.rootChildren[i].removeAttribute('aria-hidden'); } } else { for (let i = 0; i < commonEls.contentChildren.length; i++) { utils.offPopupAccessibility(commonEls.contentChildren[i]); } for (let i = 0; i < commonEls.rootChildren.length; i++) { utils.offPopupAccessibility(commonEls.rootChildren[i]); } } setTimeout(function () { let staticContent = document.querySelector('.static-content'); staticContent.style.zIndex = ''; staticContent.style.position = ''; }, 200); }, onAccessibility: function(els) { els.closeCta.removeAttribute('tabindex'); els.closeCta.removeAttribute('aria-hidden'); if (status.isGlobal) { this.onAccessibilityGlobal(els); } else { this.onAccessibilityDotom(els); } }, offAccessibility: function(els) { els.closeCta.setAttribute('tabindex', '-1'); els.closeCta.setAttribute('aria-hidden', true); if (status.isGlobal) { this.offAccessibilityGlobal(els); } else { this.offAccessibilityDotcom(els); } } } } const eventHandler = { resize: function(els){ window.addEventListener('resize', function() { eventList.resize.position(els); eventList.common.setMobileVideoWidth(els); }); }, infoPopupDeactive: function(els) { els.infoPopup.addEventListener('click', function(){ eventList.tutorial.videoContentReset(els); clearTimeout(status.infoRemoveTiming); els.tutorialVideos[0].play(); let tutorialVideoController = els.tutorialVideoWrap[0].querySelector('.common-video__control.common-play-button'); tutorialVideoController.focus(); if (resize.checkResolution().indexOf('mobile') > -1) { els.layerPopup.classList.add(statusClass.isTutorialOpenedMo); } if (els.tutorialVideos[1].readyState < 4) { imageLoader.setResponsiveMedia([els.tutorialCoverImages[1]]); videoLoader.setResponsiveMedia([els.tutorialVideos[1]]); } status.infoRemoveTiming = null; }); }, tutorialActiveEvent: function (els) { if (!!els.introCta) { els.introCta.addEventListener('click', function(){ eventList.tutorial.active(els); }); } els.tutorialActiveCta.addEventListener('click', function(){ this.parentElement.classList.remove(statusClass.isActive); eventList.tutorial.active(els); }); }, tutorialDeactiveEvent: function(els) { els.tutorialDeactiveCta.addEventListener('click', function(){ eventList.tutorial.deactive(els); eventList.tutorial.reset(els); }); }, reStartTutorial: function(els) { els.tutorialReplay.addEventListener('click', function(){ this.style.display = ''; eventList.tutorial.reset(els); eventList.tutorial.active(els); utils.onAccessibility(els.tutorialVideoWrap[els.tutorialVideoWrap.length - 1]); }); }, videoController: function (index) { objs[`introVideo_${index}`].controller.addEventListener('click', function () { if (this.video.paused) { this.video.play(); } else { this.video.pause(); } }); }, onClickMoCloseCta: function (els) { els.moCloseCta.addEventListener('click', function () { eventList.tutorial.deactive(els); eventList.tutorial.reset(els); }); }, onClickController: function (els) { els.tutorialNavigation.addEventListener('click', function (e) { let isNaviBtn = e.target.classList.contains('common-tutorial__navigation-button'); if (isNaviBtn) { _controllEvent(e.target); } }); els.tutorialPagination.addEventListener('click', function (e) { let isPaginationBtn = e.target.classList.contains('common-tutorial__pagination'); if (isPaginationBtn) { let currOpenPopupId = document.querySelector('.common-tutorial.is-open').getAttribute('id'); let targetId = e.target.getAttribute('data-hash'); if (targetId != currOpenPopupId) { _controllEvent(e.target); } } }); const _controllEvent = function (target) { let targetPopupId = target.getAttribute('data-hash'); document.querySelector('.common-tutorial.is-open').hide(); document.querySelector(`#${targetPopupId}`).show(); eventList.tutorial.reset(els); document.querySelector(`#${targetPopupId}`).isController = true; }; }, tutorialintroImgLoad: function (els) { window.addEventListener('scroll', function () { if (this.pageYOffset > 0) { eventList.popup.tutorialIntroImgLoad(els); } }) }, moveToTutorialPopup: function (els) { window.addEventListener('DOMContentLoaded', function () { if (!status.isGlobal) { commonEls.flotingNaviFixedWrap.after(els.layerPopup); } else { document.querySelector('#contents').prepend(els.layerPopup); if (status.isIos) commonEls.globalSubNav.after(els.layerPopup); } }); }, onClickSup: function (els) { for (let i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); let targetIndex = parseFloat(e.target.innerText), disclaimer = document.querySelectorAll('#desc-section li')[targetIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '<a tabindex="0">' + disclaimerText + '</a>'; els.layerPopup.hide(); setTimeout(() => { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 500); const eventList = { focusIn: function () { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function () { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); }); } } } const setIntroVideo = function (el, index) { objs[`introVideo_${index}`] = ANIUTIL.videoHandler({ wrap: el, video: el.video, controller: el.controller, playCallback: function () { if (el.classList.contains(statusClass.isCompleted)) el.classList.remove(statusClass.isCompleted); setTagging.pause(el.controller); }, pauseCallback: function () { setTagging.play(el.controller); }, endCallback: function () { if (!el.classList.contains(statusClass.isCompleted)) el.classList.add(statusClass.isCompleted); } }); }; const setPopup = function (opts, els) { tutorialPopup({ tutorialPopup: opts.layerPopup, tutorialPopupClass: opts.popupClass, openerEvent: { element: opts.openCta, }, closeCtas: [opts.closeCta], show: { start: function (target) { eventList.popup.setOverviewStatus(opts); eventList.popup.mediaLoad(els); eventList.popup.playIntroVideo(els); eventList.popup.tutorialMediaLoad(els); eventList.popup.setPopupPosition(opts.layerPopup); eventList.popup.setUiEls(opts, els, target); eventList.popup.onAccessibility(els); }, end: function () { if (status.isIos) opts.layerPopup.style.display = 'block'; opts.layerPopup.classList.add('is-open'); eventList.common.setMobileVideoWidth(els); } }, hide: { start: function (target) { eventList.popup.offAccessibility(els); target.openerCta.focus(); opts.layerPopup.classList.remove('is-open'); }, end: function () { eventList.tutorial.reset(els); els.introVideo.pause(); eventList.popup.setSubnavi(opts); eventList.popup.focusHandler(opts, els); els.innerWrapper.scrollTop = 0; } } }); }; const setTagging = { play: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, pause: function (targetController) { if (targetController.hasAttribute('data-omni')) { let dataOmni = targetController.getAttribute('data-omni').toLowerCase(); targetController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (targetController.hasAttribute('ga-la')) { let gaLa = targetController.getAttribute('ga-la').toLowerCase(); targetController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; const bindEvents = function (els, index) { eventHandler.moveToTutorialPopup(els); eventHandler.resize(els); eventHandler.infoPopupDeactive(els); eventHandler.tutorialActiveEvent(els); eventHandler.tutorialDeactiveEvent(els); eventHandler.reStartTutorial(els); eventHandler.onClickMoCloseCta(els); eventHandler.onClickController(els); eventHandler.tutorialintroImgLoad(els); eventHandler.onClickSup(els); // introVideo setProperty(els); setIntroVideo(els.introVideoWrap, index); eventHandler.videoController(index); }; return { init: init, } })(); })(); ; (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.viewer = (function () { const utils = window.flagship.common.utils; const resize =window.flagship.common.resize; let els = {}, status = {}, currDevice = resize.checkResolution(); const init = function () { els.viewerBtn = document.querySelector('.viewer-btn'); if(!!els.viewerBtn) { setElements(); setStatus(); setPopup(); bindEvents(); } }; const setElements = function(){ els.wrapEl = document.querySelector('#wrap'); els.contents = document.querySelector('#contents'); // popup els.popup = document.querySelector('.highlights-viewer'); els.popupContents = els.popup.querySelector('.highlights-viewer__contents'); els.popupInner = els.popup.querySelector('.highlights-viewer__inner'); els.popupWrap = els.popup.querySelector('.highlights-viewer__wrap'); els.closeCta = els.popup.querySelector('.highlights-viewer__close-cta'); els.viewerWrap = els.popup.querySelector('.highlights-viewer__contents-wrap'); els.viewerContainer = els.popup.querySelector('.highlights-viewer__container'); els.viewerIframe = els.popup.querySelector('.highlights-viewer__container-viewer'); // popup-scroll els.popupScroll = els.popup.querySelector('.highlights-viewer__scroll'); els.popupScrollUpBtn = els.popup.querySelector('.highlights-viewer__scroll-btn--up'); els.popupScrollDownBtn = els.popup.querySelector('.highlights-viewer__scroll-btn--down'); // infoPopup els.infoBtn = els.popup.querySelector('.highlights-viewer__title-cta'); els.infoCloseBtn = els.popup.querySelector('.highlights-viewer__header-close-cta'); els.infoDimmed = els.popup.querySelector('.highlights-viewer__dimmed'); // timeout els.resizeTimeout = null; els.resizeInnerTimeout = null; // viewer els.viewerOpener = null; els.viewerModel = ''; els.viewerColor = ''; }; const setStatus = function () { status.viewerBaseUrl = '//www.samsung.com/global/galaxy/3d-360/viewer/?'; status.defaultParams = '&gesture_guide=0'; status.defaultParams += '&bgcolor=transparent'; status.defaultParams += '&skin=colorlayer'; status.defaultParams += '&theme=roundlayer'; status.defaultParams += '&intro=1'; status.defaultParams += '&ruler=1'; status.defaultParams += '&breakpoint_criteria=outer'; status.defaultParams += '&breakpoint_desktop_width=1024'; status.defaultParams += '&intro_pose=2'; status.defaultParams += '&intro_pose_once=1'; status.defaultParams += '&intro_pose_hold=1'; status.moPoseReady = false; status.isHash = false; }; const bindEvents = function () { window.addEventListener('DOMContentLoaded', onLoadHandler, {once : true}); window.addEventListener('message', onReceiveV3DMessage, false); //els.popupContents.addEventListener('scroll', onScrollPopupContents); els.viewerIframe.addEventListener('DOMContentLoaded', viewerEvents.onLoadLayerPopupIframe); els.popupScroll.addEventListener('click', layerPopupScrollHandler.onClickLayerScroll); resize.add(onResizeHandler); }; const onLoadHandler = function () { setViewerWrap.innerWrapHeight(); setViewerWrap.layerScroll(); }; const onResizeHandler = function (currRes) { currDevice = currRes; if (utils.detector.isTouchDevice && !utils.detector.isIosDevice) setViewerWrap.innerWrapHeight(); setViewerWrap.layerScroll(); }; const setViewerWrap = { innerWrapHeight: function () { clearTimeout(els.resizeInnerTimeout); els.resizeInnerTimeout = setTimeout(function () { if (els.popupInner) { els.popupInner.style.height = parseInt(window.innerHeight * 0.9) + 'px'; } }, 0); }, layerScroll: function () { clearTimeout(els.resizeTimeout); els.resizeTimeout = setTimeout(function () { layerPopupScrollHandler.setLayerScroll(); }, 300); } }; const setPopup = function(){ utils.layerPopup({ layerPopup: els.popup, layerPopupClass: '.highlights-viewer', openerEvent: { element: els.viewerBtn, }, closeCtas: [els.closeCta], moveTarget: document.documentElement, contents: els.contents, show: { start: function (target) { els.popup.classList.add('is-init'); viewerEvents.show(target.openerCta); }, end: function () { if (utils.detector.isIosDevice) els.popup.style.display = 'block'; els.popup.classList.add('is-open'); if (els.popup.classList.contains('is-info-open')) { setTimeout(function () { els.infoCloseBtn.focus(); }, 500); } } }, hide: { start: function () { els.popup.classList.remove('is-open'); }, end: function () { setTimeout(function () { els.popup.classList.remove('is-init'); }, 300); viewerEvents.hide(); } } }); }; const viewerEvents = { show: function (viewerOpener) { if (viewerOpener.classList.contains('viewer-btn')) { status.isHash = false; els.viewerOpener = viewerOpener; } else { status.isHash = true; els.viewerOpener = els.viewerBtn; } els.viewerModel = els.viewerOpener.getAttribute('data-model-name'); els.viewerColor = els.viewerOpener.getAttribute('data-model-color'); els.viewerIframe.setAttribute('src', getViewerUrl()); if (currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { viewerEvents.infoPopupShow(); } els.infoBtn.addEventListener('click', function () { viewerEvents.infoPopupShow(); setTimeout(function () { els.infoCloseBtn.focus(); }, 400); }); els.popupWrap.addEventListener('click', viewerEvents.onclickViewerDimmed); }, hide: function () { els.viewerModel = ''; els.viewerIframe.setAttribute('src', 'about:blank'); if (status.isHash) { setTimeout(function () { els.viewerOpener.focus(); }, 300); } }, infoPopupShow: function () { if (!els.popup.classList.contains('is-info-open')) { els.popup.classList.add('is-info-open'); els.infoCloseBtn.addEventListener('click', viewerEvents.infoPopupHide); els.infoDimmed.addEventListener('click', viewerEvents.infoPopupHide); setTimeout(function () { els.closeCta.setAttribute('tabindex', -1); els.closeCta.setAttribute('aria-hidden', true); els.infoBtn.setAttribute('tabindex', -1); els.infoBtn.setAttribute('aria-hidden', true); els.viewerContainer.setAttribute('tabindex', -1); els.viewerContainer.setAttribute('aria-hidden', true); }, 400); } }, infoPopupHide: function () { if (els.popup.classList.contains('is-info-open')) { els.popup.classList.remove('is-info-open'); setTimeout(function () { els.infoBtn.focus(); }, 300); setTimeout(function () { els.closeCta.removeAttribute('tabindex'); els.closeCta.removeAttribute('aria-hidden'); els.infoBtn.removeAttribute('tabindex'); els.infoBtn.removeAttribute('aria-hidden'); els.viewerContainer.removeAttribute('tabindex'); els.viewerContainer.removeAttribute('aria-hidden'); }, 100); } }, onclickViewerDimmed: function (e) { if (e.currentTarget == e.target) { if(utils.detector.isIosDevice) els.viewerOpener.style.display = 'block'; els.popup.classList.remove('is-open'); document.documentElement.classList.remove('is-layer-open'); document.documentElement.style.overflow = ''; utils.visibleScroll(); utils.onAccessibility(els.popup); utils.offAccessibility(document.querySelector('#wrap')); setTimeout(function () { els.viewerOpener.focus(); }, 300); els.viewerModel = ''; els.viewerIframe.setAttribute('src', 'about:blank'); setTimeout(function () { els.popup.classList.remove('is-init'); }, 300); } }, onLoadLayerPopupIframe: function () { if (document.documentElement.classList.contains('color_yb') || (utils.getCookie('highContrastMode') != null && utils.getCookie('highContrastMode') == 1)) { els.viewerIframe.contentWindow.postMessage('V3D.highContrast.on', '*'); setTimeout(function () { els.viewerIframe.contentWindow.postMessage('V3D.highContrast.on', '*'); }, 300); } } }; const layerPopupScrollHandler = { setLayerScroll: function () { if (!els.popupContents) return; if (els.popupContents.scrollHeight > els.popupContents.clientHeight) { utils.offAccessibility(els.popupScroll); els.popupScroll && els.popupScroll.classList.add('is-scroll-btn'); } else { utils.onAccessibility(els.popupScroll); els.popupScroll && els.popupScroll.classList.remove('is-scroll-btn'); } }, onScrollPopupContents: function () { onUpdateLayerScroll(false); }, onClickLayerScroll: function (e) { e && e.preventDefault(); if (e.target.matches('.highlights-viewer__scroll-btn')) { let scrollDown = e.target.classList.contains('highlights-viewer__scroll-btn--down'), $popupContents = $(els.popupContents); if (scrollDown) { $popupContents.stop().animate({ scrollTop: $popupContents.scrollTop() + 100 }, { duration: 300, complete: function () { layerPopupScrollHandler.onUpdateLayerScroll(true); } }); } else { $popupContents.stop().animate({ scrollTop: $popupContents.scrollTop() - 100 }, { duration: 300, complete: function () { layerPopupScrollHandler.onUpdateLayerScroll(true); } }); } } }, onUpdateLayerScroll: function (isClicked) { const offsetTop = els.popupContents.scrollTop, layerBottom = els.popupContents.scrollHeight - els.popupContents.clientHeight; els.popupScrollUpBtn.removeAttribute('tabindex'); els.popupScrollUpBtn.removeAttribute('aria-hidden'); els.popupScrollUpBtn.removeAttribute('disabled'); els.popupScrollDownBtn.removeAttribute('tabindex'); els.popupScrollDownBtn.removeAttribute('aria-hidden'); els.popupScrollDownBtn.removeAttribute('disabled'); if (offsetTop == 0) { isClicked && els.popupScrollDownBtn && els.popupScrollDownBtn.focus(); els.popupScrollUpBtn.setAttribute('tabindex', '-1'); els.popupScrollUpBtn.setAttribute('aria-hidden', 'true'); els.popupScrollUpBtn.setAttribute('disabled', 'disabled'); } else if (offsetTop >= layerBottom - 1) { isClicked && els.popupScrollUpBtn && els.popupScrollUpBtn.focus(); els.popupScrollDownBtn.setAttribute('tabindex', '-1'); els.popupScrollDownBtn.setAttribute('aria-hidden', 'true'); els.popupScrollDownBtn.setAttribute('disabled', 'disabled'); } } }; const onReceiveV3DMessage = function (e) { if (e.data == 'V3D.state.popOpen') { if (currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { if (els.closeCta) { if (!els.popupWrap.classList.contains('is-popup-opened')) els.popupWrap.classList.add('is-popup-opened'); els.closeCta.setAttribute('tabindex', '-1'); els.closeCta.setAttribute('aria-hidden', 'true'); els.closeCta.setAttribute('disabled', 'disabled'); } if (els.infoBtn) { els.infoBtn.setAttribute('tabindex', '-1'); els.infoBtn.setAttribute('aria-hidden', 'true'); } } } else if (e.data == 'V3D.state.popClose') { if (currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { if (els.closeCta) { if (els.popupWrap.classList.contains('is-popup-opened')) els.popupWrap.classList.remove('is-popup-opened'); els.closeCta.removeAttribute('tabindex'); els.closeCta.removeAttribute('aria-hidden'); els.closeCta.removeAttribute('disabled'); } if (els.infoBtn) { els.infoBtn.removeAttribute('tabindex'); els.infoBtn.removeAttribute('aria-hidden'); } } } else if (e.data == 'V3D.state.introPose.ready') { if (currDevice.indexOf('desktop') > -1) { els.viewerIframe && els.viewerIframe.contentWindow.postMessage('V3D.introPose.run', '*'); } status.moPoseReady = true; setTimeout(function () { status.moPoseReady = false; }, 2000); } else if (e.data == 'V3D.state.localData.ready') { els.viewerIframe && els.viewerIframe.contentWindow.postMessage(JSON.stringify(V3DLOCALDATA), '*'); } }; const getViewerUrl = function () { let viewerUrl = status.viewerBaseUrl; let viewerModelList = 'galaxy-s24,galaxy-s24-plus'; let isbasicLineShow = (!V3DLOCALDATA['galaxy-s24-plus']) || (!!V3DLOCALDATA['galaxy-s24-plus'] && V3DLOCALDATA['galaxy-s24-plus'].color.length == 0) let isPlusLineShow = (!V3DLOCALDATA['galaxy-s24']) || (!!V3DLOCALDATA['galaxy-s24'] && V3DLOCALDATA['galaxy-s24'].color.length == 0); if (isbasicLineShow) { viewerModelList = 'galaxy-s24'; } else if (isPlusLineShow) { viewerModelList = 'galaxy-s24-plus'; } // model_name viewerUrl += 'model_name=' + els.viewerModel + '&model_list=' + viewerModelList; if (document.documentElement.classList.contains('color_yb') || (utils.getCookie('highContrastMode') != null && utils.getCookie('highContrastMode') == 1)) { viewerUrl += '&highcontrast=1'; } else { viewerUrl += '&highcontrast=0'; } // RTL utils.isRTL() && (viewerUrl += '&rtl=1'); viewerUrl += status.defaultParams; viewerUrl += '#color=' + (els.viewerColor ? els.viewerColor : 'null'); return viewerUrl; }; return { init: init } })(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.ytPopup = (function () { let els = {}; const utils = window.flagship.common.utils; const init = function () { els.layerPopup = document.querySelector('.common-youtube-popup'); if(!!els.layerPopup) { setElements(); setPopup(); } }; const setElements = function () { els.contents = document.querySelector('#contents'); els.openCtas = document.querySelectorAll('.js-youtube-popup'); els.closeCta = document.querySelector('.common-youtube-popup__close-cta'); els.ytIframe = els.layerPopup.querySelector('.common-youtube-popup__iframe > iframe'); els.ytDesc = els.layerPopup.querySelector('.youtube-player__desc'); els.dimmed = els.layerPopup.querySelector('.common-youtube-popup__close-area'); }; const setPopup = function () { for (let i = 0; i < els.openCtas.length; i++) { utils.layerPopup({ layerPopup: els.layerPopup, layerPopupClass: '.common-youtube-popup', openerEvent: { element: els.openCtas[i], }, closeCtas: [els.closeCta], dimmed: els.dimmed, moveTarget: document.documentElement, contents: els.contents, show: { start: function () { els.layerPopup.classList.add('is-yt-open'); }, end: function (target) { eventList.setYoutube(target); } }, hide: { start: function () { els.layerPopup.classList.remove('is-yt-open'); }, end: function (target) { eventList.clearYoutube(); } } }); } }; const eventList = { setYoutube: function (target) { let opener = target.openerCta, ytSrc = 'htt' + 'ps://www.youtube.com/embed/' + opener.getAttribute('data-youtube-id') + '?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1', ytTitle = opener.getAttribute('data-youtube-title'), ytBlind = opener.querySelector('.blind').innerHTML; els.ytIframe.setAttribute('src', ytSrc); els.ytIframe.setAttribute('title', ytTitle); els.ytDesc.innerHTML = ytBlind; els.OpenerTarget = opener; }, clearYoutube: function () { els.ytIframe.removeAttribute('src'); els.ytDesc.innerHTML = ''; } }; return { init: init, } })(); })(); (function () { window.flagship.common.resize.bindEvent(); var initComponents = function () { flagship.highlights.accordion.init(); flagship.highlights.scrollVideo.init(); flagship.highlights.clickToVideo.init(); flagship.highlights.overview.init(); flagship.highlights.quote.init(); flagship.highlights.designSpecPopup.init(); flagship.highlights.color.init(); flagship.highlights.viewer.init(); flagship.highlights.cameraAi.init(); flagship.highlights.resolutionPopup.init(); flagship.highlights.nightography.init(); flagship.highlights.opticalZoom.init(); flagship.highlights.dayPopup.init(); flagship.highlights.liveTranslatePopup.init(); flagship.highlights.aod.init(); flagship.highlights.experiences.init(); flagship.highlights.faq.init(); flagship.highlights.ytPopup.init(); flagship.highlights.tutorial.init(); flagship.highlights.generativeEditTutorial.init(); flagship.highlights.circleToSearchTutorial.init(); flagship.highlights.liveTranslateTutorial.init(); flagship.highlights.chatAssistTutorial.init(); flagship.highlights.innerPopup.init(); }; initComponents(); })(); }); </script> <script> let pdTab = document.querySelectorAll('.pd-tab li'); let onPdTab = document.querySelector('.pd-tab a.on'); const pdBannerTabBar = document.querySelector('.tab-bar'); let tabBarWidth = onPdTab.offsetWidth; let tabBarX; let onTabBarX = onPdTab.offsetLeft; pdBannerTabBar.style.width = `${tabBarWidth}px`; function siblings(t) { var children = t.parentElement.children; var tempArr = []; for (var i = 0; i < children.length; i++) { tempArr.push(children[i]); } return tempArr.filter(function(e){ return e != t; }); } pdTab.forEach(el=>{ el.addEventListener('mouseenter',(e)=>{ tabBarWidth = el.offsetWidth; tabBarX = el.offsetLeft; pdBannerTabBar.style.width = `${tabBarWidth}px`; pdBannerTabBar.style.left =`${tabBarX}px`; }) el.addEventListener('mouseleave',(e)=>{ pdBannerTabBar.style.left = `${onTabBarX}px`; }) el.addEventListener('click',(e)=>{ e.preventDefault(); let siblingTab = siblings(el); const currentTab = el.querySelector('.re-font'); siblingTab.forEach(els =>{ if(els.querySelector('.re-font').classList.contains('on')){ els.querySelector('.re-font').classList.remove('on'); } }) currentTab.classList.add('on'); onTabBarX = el.offsetLeft; pdBannerTabBar.style.left =`${tabBarX}px`; document.querySelector('.btn-link-type').href = currentTab.dataset.url; let linkName = currentTab.querySelector('span').innerText; document.querySelector('.btn-link-type').title = `Buy ${linkName} Galaxy S24`; }) }) </script> <!-- // 3. Javascript --> <!-- // include raw codes --> </div> <div class="nv-g-breadcrumb aem-GridColumn aem-GridColumn--default--12"> <nav class="breadcrumb" aria-label="Breadcrumb"> <div class="breadcrumb__inner"> <ul class="breadcrumb__path"> <li> <a aria-label="ホーム" an-tr="nv03_breadcrumb-flagship pdp-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:home" href="/jp/"> <span class="breadcrumb__text-desktop">ホーム</span> <span class="breadcrumb__text-mobile">ホーム</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <a aria-label="製品情報" an-tr="nv03_breadcrumb-flagship pdp-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:mobile" href="/jp/mobile/"> <span class="breadcrumb__text-desktop">製品情報</span> <span class="breadcrumb__text-mobile">製品情報</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <a aria-label="スマートフォン" an-tr="nv03_breadcrumb-flagship pdp-text-breadcrumb" an-ca="navigation" an-ac="breadcrumb" an-la="breadcrumb:smartphones" href="/jp/smartphones/"> <span class="breadcrumb__text-desktop">スマートフォン</span> <span class="breadcrumb__text-mobile">スマートフォン</span> </a> <svg class="icon" focusable="false" aria-hidden="true"><use xlink:href="#next-bold" href="#next-bold"></use></svg> </li> <li> <strong class="breadcrumb__text-desktop" aria-current="page">Galaxy S24</strong> <strong class="breadcrumb__text-mobile" aria-current="page">Galaxy S24</strong> </li> </ul> </div> <script type="application/ld+json" data-type="seo" data-object-type="BreadcrumbList" data-id="b85ec4c7-930b-4abd-acdd-dc24a2c62937">{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"ホーム","item":"https://www.galaxymobile.jp/","position":1},{"@type":"ListItem","name":"製品情報","item":"https://www.galaxymobile.jp/mobile/","position":2},{"@type":"ListItem","name":"スマートフォン","item":"https://www.galaxymobile.jp/smartphones/","position":3},{"@type":"ListItem","name":"Galaxy S24","item":"","position":4}]}</script> </nav></div> </div> </div> </div> </div> </div> <footer class="footer"> <!--googleoff: all--> <div class="footer"> <div class="footer-column"> <h2 class="hidden">Footer Navigation</h2> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-0">製品&サービス</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-0" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="products and service"> <span class="hidden" data-i18n-open="全体を見る" data-i18n-close="閉じる">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/smartphones/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:smartphones " aria-label="スマートフォン スマートフォン">スマートフォン</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/tablets/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:tablets" aria-label="タブレット Tablets">タブレット</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/watches/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:watches" aria-label="ウォッチ ウォッチ">ウォッチ</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/audio-sound/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:earphones" aria-label="イヤホン イヤホン">イヤホン</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/mobile-accessories/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:mobile accessories" aria-label="アクセサリー アクセサリー">アクセサリー</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/apps/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:app and service" aria-label="アプリ&サービス アプリ&サービス">アプリ&サービス</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/apps/smart-switch/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="products and service:smart switch" aria-label="Smart Switch Smart Switch">Smart Switch</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-1">ショップ</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-1" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="shop"> <span class="hidden" data-i18n-open="全体を見る" data-i18n-close="閉じる">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/offer/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:offers" aria-label="オンラインショップキャンペーン オンラインショップキャンペーン">オンラインショップキャンペーン</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/shop-faq/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:online shop faqs" aria-label="オンラインショップFAQ オンラインショップQ&A">オンラインショップFAQ</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/offer/galaxy-care/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:galaxy care" aria-label="Galaxy Care Galaxy Care">Galaxy Care</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/explore/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:explore" aria-label="トピックス トピックス">トピックス</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/explore/galaxy-harajuku/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="shop:galaxy harajuku" aria-label="Galaxy Harajuku Galaxy Harajuku">Galaxy Harajuku</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-2">サポート</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="support"> <span class="hidden" data-i18n-open="全体を見る" data-i18n-close="閉じる">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/support/mobile-devices/how-to-contact-us-about-galaxy-products/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:contact us" aria-label="お問合せ お問合せ">お問合せ</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/mypage/myproducts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:product registration" aria-label="製品の登録 製品の登録">製品の登録 </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/mypage/myproducts/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:book a repair" aria-label="修理を予約する 修理を予約する">修理を予約する </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/mypage/myrepair/track-repair/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:track my repair" aria-label="修理状況を追跡する 修理状況を追跡する">修理状況を追跡する </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/support/warranty/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:warranty information" aria-label="保証情報 保証情報">保証情報</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://forms-prod.sprinklr.com/guided-workflows/650bfb468738d0224ad5fb8e?gwId=653f75dd148ad94f62ce5877&viewType=FULL_PAGE" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:email the ceo " aria-label="CEOへのご意見 CEOへのご意見 : 新しいウィンドウで開く"> CEOへのご意見 <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://survey3.medallia.com/?web&c=71&lng=ja" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="support:give feedback" aria-label="サイト満足度アンケート Give Feedback : 新しいウィンドウで開く"> サイト満足度アンケート <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-3">アカウント</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-3" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="account"> <span class="hidden" data-i18n-open="全体を見る" data-i18n-close="閉じる">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/mypage/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account:my page" aria-label="マイページ マイページ">マイページ</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="https://shop.samsung.com/jp/mypage/orders" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account:orders" aria-label="注文確認 注文確認">注文確認</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/apps/samsung-members/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account:samsung members" aria-label="Samsung Members Samsung Members">Samsung Members</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/rewards/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="account:samsung rewards" aria-label="Samsungリワード Samsungリワード">Samsungリワード</a> </li> </ul> </div> </div> </div> <div class="footer-column__item"> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4">サステナビリティ</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="sustainability"> <span class="hidden" data-i18n-open="全体を見る" data-i18n-close="閉じる">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/sustainability/environment/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:environment" aria-label="環境 環境">環境</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/sustainability/security-and-privacy/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:security and privacy" aria-label="セキュリティ&プライバシー セキュリティ&プライバシー">セキュリティ&プライバシー</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/sustainability/accessibility/overview/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:accessibility" aria-label="アクセシビリティ アクセシビリティ">アクセシビリティ</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/sustainability/diversity-and-inclusion/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:diversity, equity, and inclusion" aria-label="ダイバーシティ・エクイティ&インクルージョン ダイバーシティ・エクイティ&インクルージョン">ダイバーシティ・エクイティ&インクルージョン</a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//csr.samsung.com/en/main.do" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate citizenship" aria-label="Corporate Citizenship コーポレートシチズンシップ(企業市民)。明日のために一緒に!皆と力を合わせよう : 新しいウィンドウで開く"> Corporate Citizenship <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="//www.samsung.com/global/sustainability/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="sustainability:corporate sustainability" aria-label="Corporate Sustainability Corporate Sustainability : 新しいウィンドウで開く"> Corporate Sustainability <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> </ul> </div> </div> <div class="footer-category"> <h3 class="footer-category__title" id="footer-category-title-4-2">当社について</h3> <a class="footer-category__anchor" href="javascript:void(0);" role="button" aria-labelledby="footer-category-title-4-2" aria-expanded="false" an-tr="nv01_footer sitemap|menu1Depth" an-ca="navigation" an-ac="footer" an-la="about us"> <span class="hidden">全体を見る</span> <svg class="icon" focusable="false"> <use xlink:href="#open-down-regular" href="#open-down-regular"></use> </svg> </a> <div class="footer-category__list-wrap"> <ul class="footer-category__list" role="list"> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/about-us/company-info/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:company info" aria-label="企業情報 企業情報"> 企業情報 </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/about-us/business-area/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:business area" aria-label="事業内容 事業内容"> 事業内容 </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/about-us/careers/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:careers" aria-label="採用情報 採用情報"> 採用情報 </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/about-us/brand-identity/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:brand identity" aria-label="ブランド アイデンティティ ブランド アイデンティティ"> ブランド アイデンティティ </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link new-window" href="https://news.samsung.com/jp/" target="_blank" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:newsroom japan" aria-label="Newsroom Japan Newsroom Japan : 新しいウィンドウで開く"> Newsroom Japan <svg class="icon" focusable="false"> <use xlink:href="#outlink-bold" href="#outlink-bold"></use> </svg> </a> </li> <li class="footer-category__item" role="listitem"> <a class="footer-category__link" href="/jp/about-us/ethics/" an-tr="nv01_footer sitemap--cta-menu" an-ca="navigation" an-ac="footer" an-la="about us:ethics" aria-label="企業倫理 企業倫理"> 企業倫理 </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-copyright-wrap"> <div class="footer-copyright-align"> <p class="footer-copyright">Copyright© 1995-2024 Samsung. All rights reserved.</p> <div class="footer-legal"><br />※画像はイメージです。<br />※製品の画像・仕様につきましては、予告なく変更する場合がございます。</div> </div> <div class="footer-language"> <a class="footer-language__anchor" href="/jp/function/ipredirection/ipredirectionLocalList/" aria-label="地域または言語を選択する" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">日本/日本語</a> </div> </div> <div class="footer-language-wrap" an-tr="nv02_footer bottom--text-scroll" an-ca="scroll" an-ac="scroll:100" an-la="scroll:100"> <div class="footer-language"> <a class="footer-language__anchor" href="/jp/function/ipredirection/ipredirectionLocalList/" aria-label="地域または言語を選択する" an-tr="nv02_footer bottom--cta-locallist" an-ca="navigation" an-ac="footer" an-la="bottom:country selector:locallist">日本/日本語</a> </div> <div class="footer-terms"> <ul class="footer-terms__list" role="list"> <li class="footer-terms__item" role="listitem"> <a id="accHelp" class="footer-terms__link" href="/jp/info/privacy/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:privacy" aria-label="個人情報保護方針">個人情報保護方針</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/jp/info/legal/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:legal" aria-label="免責事項">免責事項</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="https://shop.samsung.com/jp/termsandconditions" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:notation based on the act on specified commercial transactions" aria-label="特定商取引法に基づく表記">特定商取引法に基づく表記</a> </li> <li class="footer-terms__item" role="listitem"> <a class="footer-terms__link" href="/jp/info/sitemap/" an-tr="nv02_footer bottom--cta-bottom" an-ca="navigation" an-ac="footer" an-la="bottom:legal menu:sitemap" aria-label="サイトマップ">サイトマップ</a> </li> </ul> </div> <div class="footer-sns"> <span class="footer-sns__title">Samsung公式SNS</span> <ul class="footer-sns__list" role="list"> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.facebook.com/samsungjapan" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:facebook" aria-label="Facebook : 新しいウィンドウで開く"> <svg class="icon" focusable="false"> <use xlink:href="#facebook-bold" href="#facebook-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://twitter.com/SamsungJPN" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:twitter" aria-label="Twitter : 新しいウィンドウで開く"> <svg class="icon" focusable="false"> <use xlink:href="#twitter-bold" href="#twitter-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://instagram.com/samsungjpn" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:instagram" aria-label="Instagram : 新しいウィンドウで開く"> <svg class="icon" focusable="false"> <use xlink:href="#instagram-bold" href="#instagram-bold"></use> </svg> </a> </li> <li class="footer-sns__item" role="listitem"> <a class="footer-sns__link" href="https://www.youtube.com/@SamsungJPN" target="_blank" rel="noreferrer noopener" an-tr="nv02_footer bottom--cta-sns" an-ca="navigation" an-ac="footer" an-la="bottom:sns:youtube" aria-label="YouTube : 新しいウィンドウで開く"> <svg class="icon" focusable="false"> <use xlink:href="#youtube-bold" href="#youtube-bold"></use> </svg> </a> </li> </ul> </div> </div> </div> </div> </footer> <button class="fab" an-tr="nv02_footer bottom--text-back to top" an-ca="indication" an-ac="back to top" an-la="back to top" title="Go to Top">Go to Top <svg class="fab__icon" focusable="false"> <use xlink:href="#up-highest-bold" href="#up-highest-bold"></use> </svg> </button> <!--googleon: all--> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-dependencies.min.js"></script> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-base-new-gnb.min.js"></script> <!-- <sly data-sly-test="false"> <script type="text/javascript" src='/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/au/js/au.js'></script> </sly> --> <!--[if lt IE 9]> <script src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/ie9/html5.js"></script> <![endif]--> <!--[if lte IE 9]> <script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js'></script> <![endif]--> <!-- whereToBuyComponentYn=[N] --> <input type="hidden" value="/jp/account/wishlist" id="WishlistPopupUrl"/> <div class="wishlist-popup"> <div class="layer-popup" id="wishlist-popup" role="dialog" style="display:block" aria-modal="true"> <div class="layer-popup__inner"> <div class="layer-popup__contents"> <h2 class="layer-popup__title"></h2> <div class="wishlist-popup__desc"></div> <div class="wishlist-popup__selectbox__wrap"> <div class="wishlist-popup__selectbox"> <div class="wishlist-popup__selectbox-inner"> <div class="menu filled"> <select class="menu__select" data-default-message="My Wishlist" tabindex="-1"> <option value="">My Wishlist 1</option> <option value="">My Wishlist 2</option> <option value="">My Wishlist 3</option> <option value="">My Wishlist 4</option> <option value="">My Wishlist 5</option> <option value="">My Wishlist 6</option> <option value="">My Wishlist 7</option> <option value="">My Wishlist 8</option> <option value="">My Wishlist 9</option> </select> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false"> <span class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-common/resources/images/svg-sprite.svg#close-up-bold"></use> </svg> </button> </div> </div> </div> </div> </div> <div class="wishlist-popup__cta-wrap"> <div class="wishlist-popup__cta"> <a class="cta cta--outlined cta--black" href="#" role="button" aria-label="Link Title"></a> </div> <div class="wishlist-popup__cta"> <a class="cta cta--contained cta--emphasis" href="#" role="button"></a> </div> </div> <button type="button" class="layer-popup__close wishlist-popup__close"> <span class="hidden">Close popup</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </div> <section class="ftd18-register-product popup" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProduct"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="ftd18-register-product-popup" data-comp-name="registerProduct" data-auto-init="false"> <div class="ftd18-register-product__step-1 show"> <h2 class="ftd18-register-product__title">製品の登録</h2> <p class="ftd18-register-product__desc" data-js-action="RegisterDescription">Quick and easy product registration..<br/>Receive up-to-date personalized services and tips.</p> <div class="ftd18-register-product__step-1-inner"> <div class="ftd18-register-product__step-1__reg-list" role="list"> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-serialnumber" href="#retention-registration-step01-serialnumber"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">シリアル番号/IMEI</strong> <p class="ftd18-register-product__step-1__reg__desc">シリアル番号/IMEIを入力する</p> <button class="cta cta--contained cta--black" data-js-action="serialnumberBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:enter serial number/imei"> シリアル番号/IMEIを入力する </button> </div> </div> <div class="ftd18-register-product__step-1__reg" role="listitem"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#retention-registration-step01-qr" href="#retention-registration-step01-qr"></use> </svg> <div class="ftd18-register-product__step-1__reg__inner"> <strong class="ftd18-register-product__step-1__reg__title">QRスキャン</strong> <p class="ftd18-register-product__step-1__reg__desc">製品のQRコードをスキャンして簡単に登録できます。.</p> <p class="ftd18-register-product__step-1__reg__sub-desc">この機能はSamsungの家電機器とスマート非対応B2Cモニターにのみ対応しています。</p> <button class="cta cta--contained cta--black" data-js-action="qrscanBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:product registration:scan qr"> QRコードをスキャンする </button> </div> </div> </div> </div> </div> <div class="ftd18-register-product__step-2"> <h2 class="ftd18-register-product__title">シリアル番号/IMEIを入力する</h2> <p class="ftd18-register-product__desc myd16-register-description">Quick and easy product registration.</p> <div class="ftd18-register-product__step-2-inner"> <div class="text-field-v2" data-comp-name="textFieldv2" data-auto-init="false"> <label class="text-field-v2__hint" for="serial-imei">シリアル番号/IMEI</label> <div class="text-field-v2__input-wrap"> <input class="text-field-v2__input" id="serial-imei" type="text" autocomplete="on"/> <button class="text-field-v2__input-icon delete" aria-label="削除" type="button"> <svg class="icon delete" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <div class="text-field-v2__input-icon error"> <svg class="icon error" focusable="false" aria-hidden="true"> <use xlink:href="#information-error-bold" href="#information-error-bold"></use> </svg> </div> </div> <p class="text-field-v2__text assistive" id="serial-imei-assistive" aria-hidden="true">11〜15桁の数字を入力してください。</p> <p class="text-field-v2__text error" id="serial-imei-error" aria-hidden="true">この製品はすでに登録されています。入力したシリアル番号またはIMEIが正しいことをご確認ください。</p> </div> <div class="ftd18-register-product__step-2__how-to-find-model-code"> <button class="ftd18-register-product__step-2__how-to-find-model-code__cta" data-i18n-expand="拡大する" data-i18n-collapse="隠す" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:how to find serial number or imei"> シリアル番号またはIMEIの確認方法 <span class="hidden">拡大する</span> <svg class="icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> <div class="ftd18-register-product__step-2__how-to-find-model-code-inner"> <div class="ftd18-register-product__step-2__select-wrap"> <ul class="ftd18-register-product__step-2__select-list" role="list"> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="type-hint" tabindex="-1" data-js-action="howToFindTypeSelect"> <option selected value="TV & AV" an-tr="an-tr-tv-av" an-ca="an-ca-tv-av" an-ac="an-ac-tv-av" an-la="an-la-tv-av">TV & AV</option> <option value="Mobile Device" an-tr="an-tr-mobile-device" an-ca="an-ca-mobile-device" an-ac="an-ac-mobile-device" an-la="an-la-mobile-device">Mobile Device</option> <option value="Home Appliance">Home Appliance</option> <option value="PC & Office">PC & Office</option> <option value="Camera & Camcorder">Camera & Camcorder</option> </select> <p id="type-hint" class="menu--text-field__hint">タイプ</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="type-hint type-text" type="button"> <span id="type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="sub-type-hint" tabindex="-1"> <option selected value="Television">Television</option> <option value="Blu-ray">Blu-ray</option> <option value="Home cinema">Home cinema</option> <option value="MP3/MP4 Player">MP3/MP4 Player</option> </select> <p id="sub-type-hint" class="menu--text-field__hint">Sub Type</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="sub-type-hint sub-type-text" type="button"> <span id="sub-type-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> <li class="ftd18-register-product__step-2__select" role="listitem"> <div class="ftd18-register-product__step-2__select__menu"> <div class="menu menu--text-field" data-comp-name="menu" data-auto-init="false" data-type="textField" data-tagging-button> <select class="menu__select" aria-labelledby="category-hint" tabindex="-1"> <option selected value="SUHD">SUHD</option> <option value="UHD">UHD</option> <option value="FHD">FHD</option> <option value="HD">HD</option> </select> <p id="category-hint" class="menu--text-field__hint">Category</p> <button class="menu__select-field" aria-haspopup="listbox" aria-expanded="false" aria-labelledby="category-hint category-text" type="button"> <span id="category-text" class="menu__select-field-text"></span> <svg class="menu__select-field-icon down" focusable="false" aria-hidden="true"> <use xlink:href="#open-down-bold" href="#open-down-bold"></use> </svg> <svg class="menu__select-field-icon up" focusable="false" aria-hidden="true"> <use xlink:href="#close-up-bold" href="#close-up-bold"></use> </svg> </button> </div> </div> </li> </ul> </div> <div class="ftd18-register-product__step-2__swiper-wrap"> <div class="ftd18-register-product__step-2__swiper swiper-container basic-swiper" data-swiper-option='{ "slidesPerView": 1, "keepWrapper": true, "autoHeight": true, "loop": false, "pagination": true, "componentEl": ".ftd18-register-product-popup", "followFinger": true }' data-comp-name="swiper" data-auto-init="false"> <div class="swiper-wrapper"> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 1" role="tabpanel" id="slide-0"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> <div class="ftd18-register-product__step-2__swiper__slide swiper-slide" data-type-headline="How to find Serial Number or IMEI 2" role="tabpanel" id="slide-1"> <div class="ftd18-register-product__step-2__swiper__slide__image"> <div class="image"> <img class="image__preview lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> <img class="image__main lazy-load responsive-img" data-desktop-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" data-mobile-src="//images.samsung.com/is/image/samsung/uk-111-105186828?$ORIGIN_PNG$" alt="" role="img" data-comp-name="image" data-auto-init="false"/> </div> </div> <div class="ftd18-register-product__step-2__swiper__slide__title">Back view</div> <div class="ftd18-register-product__step-2__swiper__slide__desc">The serial number and model name are printed on the label located on the lower left side of the device’s exterior, near the front. They are also on a second label, inside the refrigerator compartment on a side wall above the top shelf.</div> </div> </div> </div> <div class="indicator dot-indicator" data-indicator-data='{ "type": "dot-indicator", "play": true, "autoRolling": false, "infiniteRolling": false }' data-comp-name="indicator" data-auto-init="false"> <div class="indicator-wrap"> <div class="indicator__list-wrap"> <div class="indicator__list" role="tablist"> <button class="indicator__item" role="tab"> <span class="indicator__dot-wrap"> <span class="indicator__dot"> <span class="indicator__dot-inner"></span> </span> <span class="hidden"></span> </span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ftd18-register-product__btn-wrap"> <!-- /* button 이 disabled 경우 .cta--disabled 추가, disabled 속성 추가 */--> <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto1Btn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> 戻る </button> <!-- /* button 이 disabled 경우 .cta--disabled 추가, disabled 속성 추가 */--> <button class="cta cta--contained cta--black" data-action="check" data-js-action="checkBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:check"> 確認する </button> </div> </div> <div class="ftd18-register-product__step-3"> <h2 class="ftd18-register-product__title">もうすぐ製品登録が完了します!</h2> <p class="ftd18-register-product__desc">シリアル番号またはIMEIの入力が済んだら、製品モデルを選択します。</p> <div class="ftd18-register-product__step-3-inner"> <div class="ftd18-register-product__step-3__category-list" data-i18n-selected="selected" role="list"> </div> <div class="ftd18-register-product__step-3__search"> <div class="ftd18-register-product__step-3__search__input-container"> <button class="ftd18-register-product__step-3__search__input__back"> <span class="hidden">Back</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#backward-bold" href="#backward-bold"></use> </svg> </button> <div class="ftd18-register-product__step-3__search__input-wrap"> <label class="ftd18-register-product__step-3__search__input-label" for="model-code-search">モデル番号を入力します</label> <bdi><input class="ftd18-register-product__step-3__search__input" type="text" id="model-code-search" autocomplete="on"/></bdi> <button class="ftd18-register-product__step-3__search__input-icon delete" aria-label="delete" type="button" an-tr="ftd18_register product popup-flagship pdp-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:delete model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#cancel-bold" href="#cancel-bold"></use> </svg> </button> <button class="ftd18-register-product__step-3__search__input-icon search" aria-label="search" type="submit" an-tr="ftd18_register product popup-flagship pdp-delete-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:search model number"> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#search-bold" href="#search-bold"></use> </svg> </button> </div> </div> <h3 class="ftd18-register-product__step-3__search__result__title">おすすめ検索</h3> <div class="ftd18-register-product__step-3__search__result-list-wrap scrollbar" data-auto-init="false" data-comp-name="scrollbar" data-auto-resize> <ul class="ftd18-register-product__step-3__search__result-list scrollbar__contents" role="list"> </ul> </div> <div class="ftd18-register-product__step-3__search__result__error" aria-live="polite">No result. Please try again.</div> </div> </div> <div class="ftd18-register-product__btn-wrap"> <button class="cta cta--outlined cta--black" data-action="back" data-js-action="backto2Btn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:back"> 戻る </button> <button class="cta cta--contained cta--black cta--disabled" disabled data-action="select" data-js-action="selectBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:select"> 選択する </button> </div> </div> </div> </div> </div> <button class="popup__close" an-tr="ftd18_register product popup-flagship pdp-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">Close</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-completion popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductCompletion"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <div class="image" data-js-action="ftd18RegisterProductImage"> <img class="image__main lazy-load-man" data-src="https://via.placeholder.com/120x120" alt="" data-comp-name="image" data-auto-init="false"/> </div> <h2 class="ftd18-register-product__title" data-js-action="ftd18RegisterProductTitle">Galaxy Book3 Ultra</h2> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSku">SM-G996BZKGEUA</p> <p class="ftd18-register-product__desc" data-js-action="ftd18RegisterProductSerial">Serial Number: R3CR508WNAH</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="confirmBtn" an-tr="ftd18_register product popup-flagship pdp-cta-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:confirm"> 確認 </button> </div> <button class="popup__close" an-tr="ftd18_register product popup-flagship pdp-register popup-content_click" an-ca="content click" an-ac="feature" an-la="registration popup:close"> <span class="hidden">閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <section class="ftd18-register-product-qr-scan-error popup popup--alert" role="dialog" aria-modal="true" data-comp-name="popup" data-auto-init="false" id="ftd18RegisterProductQRScanError"> <div class="popup__dimmed"></div> <div class="popup__contents-wrap"> <div class="popup__contents"> <div class="popup__inner-wrap"> <div class="popup__inner"> <h2 class="ftd18-register-product__title">現在お使いのデバイスはカメラ機能が対応していません。</h2> <p class="ftd18-register-product__desc">別のデバイスで再度お試しください。</p> </div> </div> <div class="popup__btn-wrap"> <button class="cta cta--contained cta--black" data-js-action="alertBtn" data-action="confirm" an-tr="ftd18_register product popup-flagship pdp-error pop up-content_click" an-ca="content click" an-ac="feature" an-la="error popup:confirm"> 確認 </button> </div> <button class="popup__close"> <span class="hidden">閉じる</span> <svg class="icon" focusable="false" aria-hidden="true"> <use xlink:href="#delete-bold" href="#delete-bold"></use> </svg> </button> </div> </div> </section> <script type="text/javascript" src="/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-templates/page-flagship/compact.min.f114d526cc7daa60de701d9c61352cd0.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/consumer/global/product-popup/pd-g-register-product-popup/clientlibs/site.min.dafd77163230537bc1676db49155b48c.js" async></script> <script type="text/javascript" src="/etc.clientlibs/samsung/components/content/epp/common/ep-cm-g-barcode-scanner-popup/clientlibs/site.min.88306b852289a614c4cd5bb5f639dcaa.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/product/pd-g-floating-nav/clientlibs/site.min.js" async></script> <script src="/etc.clientlibs/samsung/components/content/consumer/global/common/cm-g-static-content/clientlibs/site.min.js" async></script> <script type="application/ld+json" data-type="seo" data-object-type="WebPage" data-id="e6f40794-bea9-4aa8-a748-77db5e02b260">{"@context":"http://schema.org","@type":"WebPage","name":"Galaxy S24(ギャラクシーS24)| Galaxy AI | Samsung Japan 公式 ","url":"https://www.galaxymobile.jp/smartphones/galaxy-s24/"}</script> </div> </body> </html>