Sony Corporation - Page not found

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=yes"> <meta name="keywords" content=""> <meta name="description" content="">  <meta name="robots" content="noarchive">  <title>Sony Corporation - Page not found</title>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://cdn.cookielaw.org/consent/932f7bb3-2855-4a2e-8894-c7c3bcb73098/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/consent/932f7bb3-2855-4a2e-8894-c7c3bcb73098/otSDKStub.js" data-domain-script="932f7bb3-2855-4a2e-8894-c7c3bcb73098" ></script> <script> function OptanonWrapper() { } </script>  <script>if(self!==top)top.location=self.location;</script> <meta name="google-site-verification" content="OKzBsM2xRZmCTLktP3ndkk6NipRTA8AwLekBUeKhAQc">  <script type="text/javascript"> function MF_get_gtid(gtid){ window.MF_gtid = gtid; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T49J76J');} (function(src){ var el = document.createElement('script'), tag = document.getElementsByTagName('script')[0]; el.src = src; tag.parentNode.insertBefore(el,tag); })('https://tr.marsflag.com/gtid?c=MF_get_gtid'); </script>  <script src="/template/2022/v50/en/js/jquery-3.6.0.min.js"></script> <script src="/template/2018/v50/en/js/jquery.easing.1.3.js"></script> <script src="/template/2018/v50/en/js/jquery.cookie.js"></script> <script src="/template/2018/v50/en/js/includeCommon.js"></script> <script src="/template/2018/v50/en/js/tile.js"></script> <link rel="stylesheet" href="/css/reset.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css"> <style> /* #tmpl_content, #tmpl_contentMenu_bar{ padding-top: 70px !important; } */ .tmpl_displayOff{ display: none; } /* @media screen and (max-width: 640px) { #tmpl_content { padding-top: 64px; } } */ /* tmplcontentの上にtmpl_contentMenu_barがある場合はtmplcontentのpadding-topは空けないようにする */ /* #tms */ /* tmpl_contentMenu_barの上にtmplcontentがある場合はtmpl_contentMenu_barのpadding-topは空けないようにする */ /* #tmpl_content #tmpl_contentMenu_bar { padding-top: 0 !important; } */ #tmpl-header { margin: 0; padding: 0; /* visibility: hidden; */ } body { width: 100%; margin: 0; } #tmpl-header { font-family: "SST W20 Roman", Arial, "Helvetica Neue", sans-serif; margin: 0; padding: 0; } #tmpl-header .sp { display: none; } #tmpl-header { width: 100% !important; /* ページによってmax-width: 1190pxが指定されているため対策 */ max-width: none !important; position: relative; left: 0; top: 0; right: auto; bottom: auto; z-index: 999999; transition: 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; } #tmpl-header.is-hide { transform: translate(0, -100%); } #tmpl-header .tmpl-header_inner { width: 100%; max-width: 1190px; margin: 0 auto; padding: 0; position: relative; } /* バツボタン */ #tmpl-header .tmpl-headerClose { display: none; } #tmpl-header a { text-decoration: none; } #tmpl-header .tmpl-header_head { display: flex; align-items: center; width: 100%; height: 70px; margin: 0; padding: 0; background: #000; border-bottom: 1px solid #363636; position: relative; box-sizing: border-box; } #tmpl-header .tmpl-header_logo { width: 108px; position: relative; z-index: 10; margin: 0; padding: 0; } #tmpl-header .tmpl-header_logo > a { display: block; width: 100%; height: 100%; padding: 24px 0; } #tmpl-header .tmpl-header_logo img { width: 100%; margin: 0; padding: 0; vertical-align: middle; transition: unset; } #tmpl-header .tmpl-headerHamburger { display: none; } #tmpl-header .tmpl-headerNavItem_label, #tmpl-header .tmpl-headerNavItem_home { display: block; font-size: 14px; font-weight: 400; color: #fff; background-color: #000; line-height: 1; padding: 27px 8px; cursor: pointer; position: relative; margin: 0 !important; } /* #tmpl-header .tmpl-headerNavItem_home { font-weight: bold; } */ #tmpl-header .tmpl-headerNavItem_name { position: absolute; top: 0; left: 0; opacity: 0; } #tmpl-header .tmpl-headerNavItem.-contact { margin: 0; padding: 0; padding-bottom: 2px; position: relative; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList .contactLink { background-color: #000; } /* ---------------- DropDown ---------------- */ #tmpl-header .tmpl-headerNav_list { list-style-type: none !important; margin: 0; padding: 0; } #tmpl-header .tmpl-headerNavDropDownBg { width: 100%; height: 0; background: #000; position: absolute; left: 0; top: 70px; margin: 0; padding: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown a { color: #fff !important; } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop { display: none; /* font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; font-size: 17px; font-weight: 400; line-height: 1; margin-bottom: 10px; position: relative; text-align: left; background: none; margin: 0; padding: 0; */ } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop span { color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { display: block; visibility: hidden; width: 100%; height: 100%; padding: 22px 0; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; padding: 40px; box-sizing: border-box; background: #2B2B2B;; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { width: 100%; margin: 0; padding: 0; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_list { padding: 0 !important; margin: 0 !important; list-style-type: none !important; } #tmpl-header .tmpl-headerNavDropDownItem { width: 200px; margin: 0; padding: 0; font-size: 14px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem a { display: block; visibility: hidden; width: 100%; height: 100%; margin: 0; padding: 13px 40px 13px 0; box-sizing: border-box; } /* 関連コンテンツ */ #tmpl-header .tmpl-headerContents { position: relative; line-height: 1.75; } #tmpl-header .tmpl-headerContents::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 52px); height: 1px; background-color: #363636; } #tmpl-header .tmpl-headerContents_ttl a { position: relative; display: block; font-size: 16px; color: #929292; padding: 21px 25px; visibility: hidden; } #tmpl-header .tmpl-headerContents_ttl a::before { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%)rotate(90deg); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_ttl a::before { transform: rotate(180deg); } #tmpl-header .tmpl-headerContents_ttl a::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_ttl a::after { transform: rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerContents_ttl a span { color: #929292; } #tmpl-header .tmpl-headerContents_ttl a .tmpl-headerContents_name { position: absolute; top: 0; left: 0; opacity: 0; } /* 関連コンテンツ内の項目 */ #tmpl-header .tmpl-headerContents_items { height: 0; opacity: 0; } #tmpl-header .tmpl-headerContents.is-open .tmpl-headerContents_items { height: auto; opacity: 1; } #tmpl-header .tmpl-headerContents_item:last-child { margin-bottom: 12px; } #tmpl-header .tmpl-headerContents_item a { display: block; padding: 10px 25px 10px 51px; visibility: hidden; } #tmpl-header .tmpl-headerContents_label { display: flex; align-items: center; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerContents_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label { background-color: #262626; } /* アクティブ後 */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { height: auto; opacity: 1; margin: 0; padding: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.08s; transition-property: opacity; will-change: height; transition: height 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header p.tmpl-headerNavDropDownItem_label { display: flex; align-items: center; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* ---------------- Search ---------------- */ #tmpl-header .tmpl-header_searchBtnContainer { width: 100%; max-width: 1190px; height: 70px; margin: 0 auto; padding: 0; position: absolute; left: 0; right: 0; top: 0; /* z-index: -10; */ pointer-events: none; } #tmpl-header .tmpl-header_searchBtn { /* max-width: 58px; */ width: 18px; height: 100%; display: flex; align-items: center; position: absolute; right: 155px; top: 0; padding: 0; margin: 0; cursor: pointer; z-index: 10; pointer-events: all; outline: none; overflow: hidden; z-index: 100; } #tmpl-header .tmpl-header_searchBtn_name { background-color: #000; } #tmpl-header .tmpl-header_searchBtn > svg { position: absolute; pointer-events: none; /* left: 50%; */ top: 50%; right: 0; margin: 0; padding: 0; transform: translateY(-50%); /* transform: translate(-50%, -50%); */ } #tmpl-header .tmpl-header_searchBtn:hover > svg path, #tmpl-header .tmpl-header_searchBtn:focus > svg path { fill: #4f83df; } /* 検索閉じるボタン普段は消えてる */ #tmpl-header .tmpl-header_searchCloseBtn { display: none; position: absolute; pointer-events: none; width: 16px; height: 16px; top: 25px; right: 0; margin: 0; padding: 0; z-index: 100; } #tmpl-header .tmpl-header_searchClose_line { position: absolute; width: 100%; height: 1px; background: #fff; } #tmpl-header .tmpl-header_searchClose_line.-line-first { top: 50%; left: 0; transform: translateY(-50%)rotate(45deg); } #tmpl-header .tmpl-header_searchClose_line.-line-last { top: 50%; right: 0; transform: translateY(-50%)rotate(-45deg); } #tmpl-header .tmpl-header_searchClose_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .header_searchBtn_name { position: absolute; left: 0; top: 0; margin: 0; padding: 0; } #tmpl-header .tmpl-headerSearch { position: absolute; /* right: 6px; top: 26px; */ right: 0px; top: 70px; z-index: 100; margin: 0; padding: 0; overflow: hidden; display: none; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 50px; height: 50px; margin: 0; padding: 0; background: #8c8c8c; border: none; outline: none; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch input[type="submit"] { margin: 0; padding: 0; cursor: pointer; } #tmpl-header .tmpl-headerSearch_ico { display: flex; align-items: center; justify-content: center; background: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; pointer-events: none; } #tmpl-header .tmpl-headerSearch_label { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; } #tmpl-header .tmpl-headerSearch_input { display: block; width: 380px; height: 50px; border: none; margin: 0; padding: 10px; border-radius: 0; box-sizing: border-box; background-color: #FFF !important; font-size: 16px; float: left; outline: none; } #tmpl-header .tmpl-headerSearch_input::placeholder { opacity: 1 !important; color: #757575; } #tmpl-header .tmpl-headerSearch_input::-moz-placeholder { color: #757575; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch_bg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: -10; } /* スライド */ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.08); } } .swiper-wrapper { overflow: hidden; } .swiper-slide img { width: 100%; height: auto; } #tmpl-header .tmpl-header_searchClose { display: none; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; color: #FFF; font-size: 12px; pointer-events: none; } #tmpl-header .tmpl-header_searchBtn:hover > .tmpl-header_searchBtn_name, #tmpl-header .tmpl-header_searchBtn:focus > .tmpl-header_searchBtn_name { color: #4f83df; } #tmpl-header .tmpl-header_searchBtn:hover > .tmpl-header_searchCloseBtn > .tmpl-header_searchClose_line, #tmpl-header .tmpl-header_searchBtn:focus > .tmpl-header_searchCloseBtn > .tmpl-header_searchClose_line { background: #4f83df; } /* ---------------------------------------- SP breakpoint は 640px のみ ---------------------------------------- */ @media screen and (min-width: 641px) { .sp { display: none; } #tmpl-header { min-width: 1190px !important; } #tmpl-header .tmpl-headerNavDropDownBg { display: none; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 140px 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavItem { position: relative; } /* PCでは見れるようにする */ #tmpl-header.sp-header .tmpl-headerNavItem_label, #tmpl-header.sp-header .tmpl-headerNavItem_home, #tmpl-header.sp-header .contactLink { visibility: visible !important; } #tmpl-header .tmpl-headerNavItem.-contact { position: absolute; right: 30px; top: 50%; transform: translate(0, -50%); } /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label { background-color: #000; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList { display: flex; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList li { margin-right: 15px; } #tmpl-header .tmpl-headerNavItem.-contact a { font-size: 11px; font-weight: 400; color: #fff; } #tmpl-header .tmpl-headerNavItem.-contact a:hover { text-decoration: underline; } #tmpl-header .tmpl-headerNavItem_label:hover, #tmpl-header .tmpl-headerNavItem_home:hover { color: #5E9DF4; } /* #tmpl-header .tmpl-headerNavDropDownItem:last-child a { padding-bottom: 0; } */ #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { padding: 12px 0 24px; } #tmpl-header .tmpl-headerNavDropDownItem a { padding: 0 0 24px; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { margin-bottom: 14px; } #tmpl-header .tmpl-headerNavDropDown a { transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* ページによってpタグにcolor等のスタイルが指定されているため上書きをしています */ #tmpl-header .tmpl-headerNavDropDown a:hover, #tmpl-header .tmpl-headerNavDropDown a:hover > p, #tmpl-header .tmpl-headerNavDropDown a:hover > span, #tmpl-header .tmpl-headerNavDropDown a:focus, #tmpl-header .tmpl-headerNavDropDown a:focus > p, #tmpl-header .tmpl-headerNavDropDown a:focus > span { color: #5e9df4 !important; text-decoration: none; outline: none; } /* 関連コンテンツは変わらず */ #tmpl-header .tmpl-headerNavDropDown .tmpl-headerContents_ttl > a:hover > span, #tmpl-header .tmpl-headerNavDropDown .tmpl-headerContents_ttl > a:focus > span { color: #929292 !important; } #tmpl-header .tmpl-headerContents_item:last-child { margin-bottom: 0; } #tmpl-header .tmpl-headerContents_item:last-child a { padding-bottom: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop:hover > a span::after, #tmpl-header .tmpl-headerNavDropDownItem:hover .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerNavDropDown_toCategoryTop > a:focus span::after, #tmpl-header .tmpl-headerNavDropDownItem a:focus .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerContents_item a:focus .tmpl-headerContents_label::after, #tmpl-header .tmpl-headerContents_item a:hover .tmpl-headerContents_label::after { border-color: #5e9df4; transform: translate(4px, 0) rotate(45deg); transition-duration: 0.24s; } #tmpl-header .tmpl-headerNavItem_label::after, #tmpl-header .tmpl-headerNavItem_home::after { content: ""; display: block; width: 0; height: 1px; background: #2d61bf; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 20px; transition: width 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavItem_label:hover::after, #tmpl-header .tmpl-headerNavItem_home:hover::after, /* .tmpl-headerNavItem_label:focus::after, */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after, #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_home::after { width: calc(100% - 30px); transition-duration: 0.32s; } #tmpl-header .tmpl-headerNavItem.-contact a:hover, #tmpl-header .tmpl-headerNavItem.-contact a:focus { color: #4f83df; outline: none; } #tmpl-header .tmpl-headerNavDropDown { display: none; width: 100%; height: 0; background: #2B2B2B; margin: 0 auto; position: absolute; left: -13px; right: 0; top: 69px; box-sizing: border-box; opacity: 0; } /* それぞれ幅指定 */ #tmpl-header .tmpl-headerNavDropDown.-product { min-width: 450px; } #tmpl-header .tmpl-headerNavDropDown.-about { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-tech { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-employ { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-sustainability { min-width: 450px; } #tmpl-header .tmpl-headerNavDropDown.-design { min-width: 343px; } #tmpl-header .tmpl-headerNavDropDown.-investor { min-width: 343px; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { display: block; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_txtContainer { display: flex; flex-wrap: wrap; align-items: flex-start; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_txtContainer .tmpl-headerNavDropDown_toCategoryTop { width: 100%; } #tmpl-header .tmpl-headerNavItem_label { position: relative; } /* 吹き出し */ #tmpl-header .tmpl-headerNavItem_label::before { opacity: 0; content: ""; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent #2B2B2B transparent; } #tmpl-header .is-open .tmpl-headerNavItem_label::before { opacity: 1; } #tmpl-header .tmpl-contentNavDropDown .tmpl-headerNavDropDown_list { width: 100%; } /* バツボタン */ #tmpl-header .tmpl-headerClose { display: block; position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; } #tmpl-header .tmpl-headerClose::before { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: #fff; transform: translate(-50%, -50%)rotate(45deg); } #tmpl-header .tmpl-headerClose::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 1px; background-color: #fff; transform: translate(-50%, -50%)rotate(-45deg); } #tmpl-header .tmpl-headerClose:hover::before, #tmpl-header .tmpl-headerClose:hover::after, #tmpl-header .tmpl-headerClose:focus::before, #tmpl-header .tmpl-headerClose:focus::after { background-color: #5E9DF4; } #tmpl-header .tmpl-headerClose_coment { opacity: 0; } /* 関連コンテンツ */ #tmpl-header .tmpl-headerContents { width: 50%; line-height: 1.5; z-index: 1; } #tmpl-header .tmpl-headerContents::before { left: 0; transform: translateX(0); width: 1px; height: 100%; background-color: #525252; } #tmpl-header .tmpl-headerContents_ttl a { font-size: 15px; padding: 0 40px 13px; } #tmpl-header .tmpl-headerContents_ttl a::before { display: none; } #tmpl-header .tmpl-headerContents_ttl a::after { display: none; } #tmpl-header .tmpl-headerContents_items { height: auto; opacity: 1; } #tmpl-header .tmpl-headerContents_item a { font-size: 14px; padding: 13px 40px; } #tmpl-header .tmpl-headerSearch input[type="submit"]:hover, #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf; } /* Search */ #tmpl-header .tmpl-headerSearch .tmpl-headerSearch_inner { transform: scale(0.64); transform-origin: right top; opacity: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerSearch.is-open .tmpl-headerSearch_inner { transform: scale(1); opacity: 1; transition-duration: 0.32s; } } @media screen and (max-width: 640px) { #tmpl-header { /* overflow: hidden; */ } #tmpl-header .tmpl-header_bg { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header.is-open .tmpl-header_bg { opacity: 0.65; } #tmpl-header .tmpl-header_head { height: 64px; } #tmpl-header .tmpl-header_logo { width: 96px; margin: 0 auto; } #tmpl-header .tmpl-header_logo a { padding: 22px 0; } #tmpl-header .tmpl-headerNav { position: absolute; z-index: 999; width: 100%; /* width: calc(100% - 60px); max-width: 280px; */ height: 0; background: #000; overflow: auto; /* transform: translate(100%, 0); */ float: right; transition: .1s ease-in-out; will-change: height; } #tmpl-header .tmpl-headerHamburger { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; position: absolute; right: 0; top: 0; } #tmpl-header .tmpl-headerHamburger_inner { width: 20px; height: 15px; position: relative; pointer-events: none; } #tmpl-header .tmpl-headerHamburger_line { display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: top 0.24s 0.16s, transform 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerHamburger_line.-line-01 { top: 0; will-change: transform; } #tmpl-header .tmpl-headerHamburger_line.-line-02 { top: 50%; /* transform: translate(0, -50%) rotate3d(0, 0, 0); */ transition: opacity 0.16s 0.24s; will-change: opacity; /* transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-headerHamburger_line.-line-03 { top: calc(100% - 1px); will-change: transform; } #tmpl-header .tmpl-headerHamburger_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .tmpl-header_searchBtn > svg { left: 50%; transform: translate(-50%, -50%); } #tmpl-header .tmpl-headerNavItem { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem.-contact .absoluteList li:first-child { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem_label, #tmpl-header .tmpl-headerNavItem_home, #tmpl-header .tmpl-headerNavItem.-contact a { display: block; font-size: 16px; font-weight: 400; color: #fff; padding: 22px 26px; } /* スマホでフォーカスが合わないようにする */ #tmpl-header.sp-header .tmpl-headerNavItem_label, #tmpl-header.sp-header .tmpl-headerNavItem_home, #tmpl-header.sp-header .contactLink { visibility: hidden; } #tmpl-header .tmpl-headerNavItem_label span, #tmpl-header .tmpl-headerNavItem_home span { /* display: none; */ opacity: 0; } #tmpl-header .tmpl-headerNavItem_label::before, #tmpl-header .tmpl-headerNavItem_label::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(90deg); } #tmpl-header .tmpl-headerNavItem_name { position: absolute; top: 0; left: 0; opacity: 0; } /* DropDown */ #tmpl-header .tmpl-headerNavDropDown { height: 0; overflow: hidden; transition: height .1s ease-in-out; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; flex-direction: column-reverse; padding: 0; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { position: relative; display: block; width: 100%; padding: 10px 0; } #tmpl-header .tmpl-headerNav_item.is-open .tmpl-headerNavDropDown_txtContainer { background: #262626; } #tmpl-header .tmpl-headerNavDropDown_txtContainer::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 52px); height: 1px; background-color: #363636; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img { display: block; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 16px; } #tmpl-header .tmpl-headerNavDropDown_list { display: block; height: auto; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop { margin: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { font-size: 16px; line-height: 1.5; padding: 14px 26px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop span > span { display: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop::after { content: none; } #tmpl-header .tmpl-headerNavDropDownItem { width: 100%; font-size: 14px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { display: none; } #tmpl-header .tmpl-headerNavDropDownItem a { display: inline-block; padding: 14px 26px 14px 51px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem a { position: relative; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { transform: translate(0, -50%) rotate(45deg); margin: 0 0 0 12px; } /* open */ #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line { top: 50%; transition: top 0.16s, transform 0.24s 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-01 { transform: rotate(45deg); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-02 { opacity: 0; /* transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-03 { transform: rotate(-45deg); } /* headerNavItem open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::before { transform: translate(0, -50%) rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(180deg); } /* Search */ #tmpl-header .tmpl-header_searchBtnContainer { height: 64px; } #tmpl-header .tmpl-headerSearch { width: 100%; height: 100vh; right: 0; top: 0; } #tmpl-header .tmpl-headerSearch_inner { width: 100%; height: 64px; background: #fff; } #tmpl-header .tmpl-headerSearch_input { /* input のフォントサイズをscaleで小さくする. */ width: calc(115% - 64px); /* height: 54.16px; */ background: #efefef !important; margin: 10px 0 0 54px; transform: scale(0.8125); transform-origin: left top; } #tmpl-header .tmpl-headerSearch_input::placeholder { color: #696969; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch_input::-moz-placeholder { color: #696969; opacity: 1 !important; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 44px; height: 44px; background: #8c8c8c; position: absolute; right: 10px; top: 10px; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch_ico { background: none; } #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf !important; } #tmpl-header .tmpl-header_searchClose { display: flex; align-items: center; justify-content: center; width: 54px; height: 64px; position: absolute; left: 0; top: 0; } #tmpl-header .tmpl-header_searchClose::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #707070; border-width: 0 0 1px 1px; transform: rotate(45deg); } #tmpl-header .tmpl-header_searchClose.onfocus::after { border-color: #2d61bf; border-width: 0 0 2px 2px; } #tmpl-header .tmpl-header_searchClose span { position: absolute; left: 0; top: 0; font-size: 10px; opacity: 0; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; } /* スマホでは閉じるアイコン必要ないので絶対に表示させない */ #tmpl-header .tmpl-header_searchCloseBtn { display: none !important; } } @media screen and (max-width: 374px) { #tmpl-header .tmpl-headerSearch_input { font-size: 13px; } } #tmpl-header .tmpl-headerNav_pauseController { position: absolute; right: 8px; bottom: 8px; z-index: 100; } #tmpl-header .tmpl-headerNav_pauseController_btn { width: 32px !important; height: 32px !important; cursor: pointer; padding: 10px 0; box-sizing: border-box; background: #000; border-radius: 50%; } /* .tmpl-headerNav_pauseController_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } */ #tmpl-header .tmpl-headerNav_pauseController_btn rect, #tmpl-header .tmpl-headerNav_pauseController_btn path { fill: #fff; transition: 0.24s ease-out; transition-property: fill; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover, #tmpl-header .tmpl-headerNav_pauseController_btn:focus { background: #fff; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover rect, #tmpl-header .tmpl-headerNav_pauseController_btn:hover path, #tmpl-header .tmpl-headerNav_pauseController_btn:focus rect, #tmpl-header .tmpl-headerNav_pauseController_btn:focus path { fill: #2d61bf; } #tmpl-header .tmpl-headerNav_pauseController_btn svg { display: block; margin: 0 auto; } #tmpl-header .tmpl-headerNav_pauseController_btn.-pause svg { width: 12px; height: 12px; } #tmpl-header .tmpl-headerNav_pauseController_btn.-play svg { width: 12px; height: 12px; transform: translate(2px, 0); } #tmpl-header .tmpl-headerNav_pauseController_btn .no_button { font-size: 10px; position: absolute; left: 0; top: 0; opacity: 0; } #tmpl-header .control_btn { display: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #tmpl-header .control_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } .swiper-aboutsony .swiper-slide, .swiper-design .swiper-slide, .swiper-ir .swiper-slide { opacity: 1 !important; } @media print { #tmpl-header { width: 100%; -webkit-print-color-adjust: exact; background: #000 !important; padding: 0 20px; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 0 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown, #tmpl-header .tmpl-headerNavItem.-contact, #tmpl-header .tmpl-header_searchBtnContainer { display: none !important; } } /* タッチデバイスだとアウトラインをなくす */ /* .touch a { outline: none !important; } */ a { -webkit-tap-highlight-color:rgba(0,0,0,0) !important; } .font17 { font-size: 17px !important; } #tmpl-header p.tmpl-headerNavDropDownItem_label_2 { color: #fff; padding-bottom: 24px; font-size: 14px; line-height: 25px; } .in_list li:first-child a { padding-bottom: 16px!important; } .in_list li a{ margin-left: 10px!important; } @media screen and (max-width: 640px) { #tmpl-header p.tmpl-headerNavDropDownItem_label_2 { padding: 14px 26px 14px 51px; } .in_list li a{ margin-left: 0px; } } /* #tmpl_content, #tmpl_contentMenu_bar{ padding-top: 70px !important; } */ .tmpl_displayOff{ display: none; } /* @media screen and (max-width: 640px) { #tmpl_content { padding-top: 64px; } } */ /* tmplcontentの上にtmpl_contentMenu_barがある場合はtmplcontentのpadding-topは空けないようにする */ /* #tms */ /* tmpl_contentMenu_barの上にtmplcontentがある場合はtmpl_contentMenu_barのpadding-topは空けないようにする */ /* #tmpl_content #tmpl_contentMenu_bar { padding-top: 0 !important; } */ #tmpl-header { margin: 0; padding: 0; } body { margin: 0; } #tmpl-header { font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; margin: 0; padding: 0; } #tmpl-header .sp { display: none; } #tmpl-header { width: 100% !important; /* ページによってmax-width: 1190pxが指定されているため対策 */ max-width: none !important; position: relative; left: 0; top: 0; right: auto; bottom: auto; z-index: 999999; transition: 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform; } #tmpl-header.is-hide { transform: translate(0, -100%); } #tmpl-header .tmpl-header_inner { width: 100%; max-width: 1190px; margin: 0 auto; padding: 0; position: relative; } #tmpl-header .tmpl-header_head { display: flex; align-items: center; width: 100%; height: 70px; margin: 0; padding: 0; background: #000; border-bottom: 1px solid #363636; position: relative; box-sizing: border-box; } #tmpl-header .tmpl-header_logo { width: 108px; position: relative; z-index: 10; margin: 0; padding: 0; } #tmpl-header .tmpl-header_logo > a { display: block; width: 100%; height: 100%; padding: 24px 0; } #tmpl-header .tmpl-header_logo img { width: 100%; margin: 0; padding: 0; } #tmpl-header .tmpl-headerHamburger { display: none; } #tmpl-header .tmpl-headerNavItem_name { display: none; } #tmpl-header .tmpl-headerNavItem.-language { margin: 0; padding: 0; padding-bottom: 2px; position: relative; } /* ---------------- DropDown ---------------- */ #tmpl-header .tmpl-headerNav_list { list-style-type: none !important; margin: 0; padding: 0; } #tmpl-header .tmpl-headerNavDropDownBg { width: 100%; height: 0; background: #000; position: absolute; left: 0; top: 70px; margin: 0; padding: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown a { color: #fff !important; } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop { display: none; /* font-family: "SST W20 Roman", "SST W55 Regular", "Yu Gothic Medium", "YuGothic", sans-serif; font-size: 17px; font-weight: 400; line-height: 1; margin-bottom: 10px; position: relative; text-align: left; background: none; margin: 0; padding: 0; */ } #tmpl-header #tmpl-headerNav_list .tmpl-headerNavDropDown_toCategoryTop span { color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* .tmpl-headerNavDropDown_toCategoryTop::after { content: ""; display: block; width: 26px; height: 1px; background: #676767; position: absolute; bottom: 0; left: 0; } */ #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { display: block; width: 100%; height: 100%; padding: 22px 0; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; max-width: 1190px; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto; padding: 24px 40px 36px; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { width: calc(100% - 638px); margin: 0; padding: 0; padding-right: 16px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_list { display: flex; flex-wrap: wrap; flex-direction: column; padding: 0 !important; margin: 0 !important; list-style-type: none !important; } #tmpl-header .tmpl-headerNavDropDownItem a { display: block; width: 100%; height: 100%; margin: 0; padding: 13px 40px 13px 0; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { margin: 0; padding: 0; height: 21px; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 60%; margin: 0; padding: 0; max-width: 638px; position: relative; overflow: hidden; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a { display: block; margin: 0; padding: 0; width: 100%; height: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img, #tmpl-header .tmpl-headerNavDropDown_imgContainer video { display: block; width: 100%; margin: 0; padding: 0; position: relative; transition: 0.8s transform cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0.75 !important; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 24px; color: #fff; text-align: center; letter-spacing: 0.05em; line-height: 1.7; text-shadow: 0 0 8px rgba(0, 0, 0, 0.8); margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%) translate3d(0, 0, 0); z-index: 10; opacity: 1; } #tmpl-header .tmpl-headerNavDropDown_imgContainer .is-active img { transform: scale(1.08); transition-duration: 4.4s; } /* .tmpl-headerNavDropDown_imgContainer .slick-active img { transform: scale(1.06); transition-duration: 4.4s; } */ /* .tmpl-headerNavItem.is-open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavDropDown { height: auto; opacity: 1; margin: 0; padding: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.08s; transition-property: opacity; } #tmpl-header p.tmpl-headerNavDropDownItem_label { margin: 0 !important; padding: 0; color: #fff; transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #999; border-width: 1px 1px 0 0; transform: rotate(45deg); margin: 0 0 1px 0.64em; transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, margin; } /* ---------------- Search ---------------- */ #tmpl-header .tmpl-header_searchBtnContainer { width: 100%; max-width: 1190px; height: 70px; margin: 0 auto; padding: 0; position: absolute; left: 0; right: 0; top: 0; /* z-index: -10; */ pointer-events: none; } #tmpl-header .tmpl-header_searchBtn > svg { position: absolute; left: 50%; top: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); } #tmpl-header .tmpl-header_searchBtn:hover > svg path, #tmpl-header .tmpl-header_searchBtn:focus > svg path { fill: #4f83df; } #tmpl-header .header_searchBtn_name { position: absolute; left: 0; top: 0; margin: 0; padding: 0; } #tmpl-header .tmpl-headerSearch { position: absolute; /* right: 6px; top: 26px; */ right: 0px; top: 70px; z-index: 100; margin: 0; padding: 0; overflow: hidden; display: none; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 50px; height: 50px; margin: 0; padding: 0; background: #999; border: none; outline: none; transition: 0.32s background ease-out; } #tmpl-header .tmpl-headerSearch input[type="submit"] { margin: 0; padding: 0; cursor: pointer; } #tmpl-header .tmpl-headerSearch_ico { display: flex; align-items: center; justify-content: center; background: none; position: absolute; right: 0; top: 0; margin: 0; padding: 0; pointer-events: none; } #tmpl-header .tmpl-headerSearch_label { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; } #tmpl-header .tmpl-headerSearch_input { display: block; width: 316px; height: 50px; border: none; margin: 0; padding: 10px; border-radius: 0; box-sizing: border-box; font-size: 16px; float: left; outline: none; } #tmpl-header .tmpl-headerSearch_input::placeholder { color: #757575; } #tmpl-header .tmpl-headerSearch_bg { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: -10; } /* スライド */ @keyframes zoom { from { transform: scale(1); } to { transform: scale(1.08); } } .swiper-wrapper { overflow: hidden; } .swiper-slide img { width: 100%; height: auto; } /* Prevスライド */ .is-open .swiper-slide-prev img, /* Activeスライド */ .is-open .swiper-slide-active img, /* ループ時に複製される正面のスライド */ .is-open .swiper-slide-duplicate-active img { animation-name: zoom; animation-duration: 4.4s; animation-fill-mode: forwards; animation-timing-function: ease-out; } #tmpl-header .tmpl-header_searchClose { display: none; } #tmpl-header .tmpl-header_searchBtn_name { opacity: 0; } /* ---------------------------------------- SP breakpoint は 640px のみ ---------------------------------------- */ @media screen and (min-width: 641px) { #tmpl-header { min-width: 1190px !important; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 140px 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavItem.-language { position: absolute; right: 250px; top: 50%; transform: translate(0, -50%); } #tmpl-header .tmpl-headerNavItem.-language::after { content: ""; display: block; width: 1px; height: 20px; background: #696969; position: absolute; right: -20px; top: 50%; transform: translate(0, -50%); } #tmpl-header .tmpl-headerNavItem.-language a { font-size: 12px; font-weight: 400; color: #fff; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { margin-bottom: 14px; } #tmpl-header .tmpl-headerNavDropDown a { transition: color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* ページによってpタグにcolor等のスタイルが指定されているため上書きをしています */ #tmpl-header .tmpl-headerNavDropDown a:hover, #tmpl-header .tmpl-headerNavDropDown a:hover > p, #tmpl-header .tmpl-headerNavDropDown a:hover > span, #tmpl-header .tmpl-headerNavDropDown a:focus, #tmpl-header .tmpl-headerNavDropDown a:focus > p, #tmpl-header .tmpl-headerNavDropDown a:focus > span { color: #4f83df !important; text-decoration: none; outline: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop:hover > a span::after, #tmpl-header .tmpl-headerNavDropDownItem:hover .tmpl-headerNavDropDownItem_label::after, #tmpl-header .tmpl-headerNavDropDown_toCategoryTop > a:focus span::after, #tmpl-header .tmpl-headerNavDropDownItem a:focus .tmpl-headerNavDropDownItem_label::after { border-color: #4f83df; transform: translate(4px, 0) rotate(45deg); transition-duration: 0.24s; } /* #tmpl-header .tmpl-headerNavItem_label::after { */ #tmpl-header .tmpl-headerNavItem_link::after { content: ""; display: block; width: 0; height: 1px; background: #2d61bf; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 15px; transition: width 0.64s cubic-bezier(0.165, 0.84, 0.44, 1); } /* #tmpl-header .tmpl-headerNavItem_label:hover::after, */ #tmpl-header .tmpl-headerNavItem_link:hover::after, /* .tmpl-headerNavItem_label:focus::after, */ /* #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_link::after { width: calc(100% - 30px); transition-duration: 0.32s; } #tmpl-header .tmpl-headerNavItem.-language a:hover, #tmpl-header .tmpl-headerNavItem.-language a:focus { color: #4f83df; outline: none; } #tmpl-header .tmpl-headerNavDropDown { width: 100%; height: 0; /* background: #000; */ margin: 0 auto; position: absolute; left: 0; right: 0; top: 70px; overflow: hidden; box-sizing: border-box; opacity: 0; z-index: 999; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a .tmpl-headerNav_slider { transition: opacity 0.4s ease-out; } #tmpl-header .tmpl-headerNavDropDown_imgContainer a:hover .tmpl-headerNav_slider, #tmpl-header .tmpl-headerNavDropDown_imgContainer a:focus .tmpl-headerNav_slider { opacity: 0.64; transition-duration: 0.24s; } #tmpl-header .tmpl-headerSearch input[type="submit"]:hover, #tmpl-header .tmpl-headerSearch input[type="submit"]:focus { background: #2d61bf; } /* Search */ #tmpl-header .tmpl-headerSearch .tmpl-headerSearch_inner { transform: scale(0.64); transform-origin: right top; opacity: 0; transition: 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerSearch.is-open .tmpl-headerSearch_inner { transform: scale(1); opacity: 1; transition-duration: 0.32s; } } @media screen and (max-width: 640px) { #tmpl-header { /* overflow: hidden; */ } #tmpl-header .tmpl-header_bg { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity 0.48s cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header.is-open .tmpl-header_bg { opacity: 0.65; } #tmpl-header .tmpl-header_head { height: 64px; } #tmpl-header .tmpl-header_logo { width: 96px; margin: 0 auto; } #tmpl-header .tmpl-header_logo a { padding: 22px 0; } #tmpl-header .tmpl-headerNav { position: absolute; z-index: 999; width: 100%; /* width: calc(100% - 60px); max-width: 280px; */ height: 0; background: #000; overflow: auto; /* transform: translate(100%, 0); */ float: right; } #tmpl-header .tmpl-headerHamburger { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; position: absolute; right: 0; top: 0; } #tmpl-header .tmpl-headerHamburger_inner { width: 20px; height: 15px; position: relative; pointer-events: none; } #tmpl-header .tmpl-headerHamburger_line { display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; transition: top 0.24s 0.16s, transform 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-headerHamburger_line.-line-01 { top: 0; } #tmpl-header .tmpl-headerHamburger_line.-line-02 { top: 50%; /* transform: translate(0, -50%) rotate3d(0, 0, 0); */ transition: opacity 0.16s 0.24s; /* transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-headerHamburger_line.-line-03 { top: calc(100% - 1px); } #tmpl-header .tmpl-headerHamburger_name { font-size: 10px; position: absolute; left: 0; right: 0; opacity: 0; } #tmpl-header .tmpl-header_searchBtn { left: 23px; right: auto; } #tmpl-header .tmpl-headerNavItem { border-bottom: 1px solid #262626; } #tmpl-header .tmpl-headerNavItem_link, #tmpl-header .tmpl-headerNavItem.-language a { display: block; font-size: 14px; font-weight: 400; color: #fff; padding: 22px 25px; } #tmpl-header .tmpl-headerNavItem_label span { display: none; } #tmpl-header .tmpl-headerNavItem_label::before, #tmpl-header .tmpl-headerNavItem_label::after { content: ""; display: block; width: 13px; height: 1px; background: #b1b1b1; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%); transition: 0.32s cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: transform, opacity; } #tmpl-header .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(90deg); } #tmpl-header .tmpl-headerNavItem_name { display: block; position: absolute; top: 0; left: 0; opacity: 0; } /* DropDown */ #tmpl-header .tmpl-headerNavDropDown { height: 0; overflow: hidden; } #tmpl-header .tmpl-headerNavDropDown_inner { width: 100%; flex-direction: column-reverse; padding: 0; } #tmpl-header .tmpl-headerNavDropDown_txtContainer { display: block; width: 100%; background: #262626; padding: 10px 0; } #tmpl-header .tmpl-headerNavDropDown_imgContainer { width: 100%; } #tmpl-header .tmpl-headerNavDropDown_imgContainer img { display: block; } #tmpl-header .tmpl-headerNavDropDown_imgContainer p { font-size: 16px; } #tmpl-header .tmpl-headerNavDropDown_list { display: block; height: auto; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop { margin: 0; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a { font-size: 14px; line-height: 1.5; padding: 14px 55px 14px 25px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop span > span { display: none; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop::after { content: none; } #tmpl-header .tmpl-headerNavDropDownItem { width: 100%; font-size: 12px; line-height: 1.5; } #tmpl-header .tmpl-headerNavDropDownItem-dummy { display: none; } #tmpl-header .tmpl-headerNavDropDownItem a { display: inline-block; padding: 14px 50px 14px 25px; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDownItem a { position: relative; } #tmpl-header .tmpl-headerNavDropDown_toCategoryTop a > span::after, #tmpl-header .tmpl-headerNavDropDownItem_label::after { display: block; position: absolute; right: 28px; top: 50%; transform: translate(0, -50%) rotate(45deg); margin: 0; } /* open */ #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line { top: 50%; transition: top 0.16s, transform 0.24s 0.16s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-01 { transform: rotate(45deg); } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-02 { opacity: 0; /* transition: opacity 0.16s cubic-bezier(0.165, 0.84, 0.44, 1); */ } #tmpl-header .tmpl-header_head.is-open .tmpl-headerHamburger_line.-line-03 { transform: rotate(-45deg); } /* headerNavItem open */ #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::before { transform: translate(0, -50%) rotate(90deg); opacity: 0; } #tmpl-header .tmpl-headerNavItem.is-open .tmpl-headerNavItem_label::after { transform: translate(0, -50%) rotate(180deg); } /* Search */ #tmpl-header .tmpl-header_searchBtnContainer { height: 64px; } #tmpl-header .tmpl-headerSearch { width: 100%; height: 100vh; right: 0; top: 0; } #tmpl-header .tmpl-headerSearch_inner { width: 100%; height: 64px; background: #fff; } #tmpl-header .tmpl-headerSearch_input { /* input のフォントサイズをscaleで小さくする. */ width: calc(115% - 64px); height: 54.16px; background: #efefef; margin: 10px 0 0 54px; transform: scale(0.8125); transform-origin: left top; } #tmpl-header .tmpl-headerSearch input[type="submit"], #tmpl-header .tmpl-headerSearch_ico { width: 44px; height: 44px; background: #999; position: absolute; right: 10px; top: 10px; } #tmpl-header .tmpl-header_searchClose { display: flex; align-items: center; justify-content: center; width: 54px; height: 64px; position: absolute; left: 0; top: 0; } #tmpl-header .tmpl-header_searchClose::after { content: ""; display: inline-block; width: 7px; height: 7px; border: solid #707070; border-width: 0 0 1px 1px; transform: rotate(45deg); } #tmpl-header .tmpl-header_searchClose span { position: absolute; left: 0; top: 0; font-size: 10px; opacity: 0; } } @media screen and (max-width: 374px) { #tmpl-header .tmpl-headerSearch_input { font-size: 13px; } } #tmpl-header .tmpl-headerNav_pauseController { position: absolute; right: 8px; bottom: 8px; z-index: 100; } #tmpl-header .tmpl-headerNav_pauseController_btn { width: 32px !important; height: 32px !important; cursor: pointer; padding: 10px 0; box-sizing: border-box; background: #000; border-radius: 50%; } /* .tmpl-headerNav_pauseController_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } */ #tmpl-header .tmpl-headerNav_pauseController_btn rect, #tmpl-header .tmpl-headerNav_pauseController_btn path { fill: #fff; transition: 0.24s ease-out; transition-property: fill; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover, #tmpl-header .tmpl-headerNav_pauseController_btn:focus { background: #fff; } #tmpl-header .tmpl-headerNav_pauseController_btn:hover rect, #tmpl-header .tmpl-headerNav_pauseController_btn:hover path, #tmpl-header .tmpl-headerNav_pauseController_btn:focus rect, #tmpl-header .tmpl-headerNav_pauseController_btn:focus path { fill: #2d61bf; } #tmpl-header .tmpl-headerNav_pauseController_btn svg { display: block; margin: 0 auto; } #tmpl-header .tmpl-headerNav_pauseController_btn.-pause svg { width: 12px; height: 12px; } #tmpl-header .tmpl-headerNav_pauseController_btn.-play svg { width: 12px; height: 12px; transform: translate(2px, 0); } #tmpl-header .tmpl-headerNav_pauseController_btn .no_button { font-size: 10px; position: absolute; left: 0; top: 0; opacity: 0; } #tmpl-header .control_btn { display: none !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #tmpl-header .control_btn.is-active { display: block !important; transition: 0.24s ease-out; transition-property: background; } .swiper-aboutsony .swiper-slide, .swiper-design .swiper-slide, .swiper-ir .swiper-slide { opacity: 1 !important; } @media print { #tmpl-header { width: 100%; -webkit-print-color-adjust: exact; background: #000 !important; padding: 0 20px; } #tmpl-header .tmpl-headerNav_list { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: 1190px; height: 70px; position: absolute; left: 0; right: 0; top: 0; padding: 0 0 0 140px; margin: 0 auto; box-sizing: border-box; } #tmpl-header .tmpl-headerNavDropDown, #tmpl-header .tmpl-headerNavItem.-language, #tmpl-header .tmpl-header_searchBtnContainer { display: none !important; } } #tmpl-header .tmpl-header_corporate-name { position: absolute; top: 50%; color: #fff; transform: translateY(-50%) translateX(0%); left: calc(((100% - 1190px)/2) + 1058px); } /* ---------------- footer ---------------- */ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 22px; left: 225px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: visible; margin: 0; padding: 0; list-style-type: none; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 4px; padding-bottom: 2px; } .tmpl-footer .tmlp-footer__gnav__item button { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 2.5px; padding-bottom: 2.5px; } .tmpl-footer .tmlp-footer__gnav__item a:hover, .tmpl-footer .tmlp-footer__gnav__item button:hover { padding-bottom: 1px; border-bottom: 1px solid #FFFFFF; color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; } @media screen and (max-width: 640px) { /* footer */ .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0 !important; left: 0 !important; margin: 0 0 20px !important; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } .cp_bt { cursor: pointer; color: #FFFFFF; font-size: 0.75em; text-decoration: none; } /* Customize Cookies追加に伴うcss */ .tmpl-footer .tmlp-footer__gnav__item button:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 3px; } /* .cp_bt:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } */ button { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*--------------------------------------- footer -----------------------------------------*/ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 20px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: visible; margin: 0; padding: 0; list-style-type: none; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; } .tmpl-footer .tmlp-footer__gnav__item a:hover { color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } @media screen and (max-width:640px) { .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } /*************************************** * Content Area **************************************/ @media screen and (min-width: 641px) { #tmpl_main { width: 1190px; margin: 0 auto; } } .language-select { width: 118px; } .language-select ul { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0; text-align: right; } .language-select li+li { padding-left: 2px; } .language-select li::before { content: ""; display: block; height: 1em; border-left: 1px solid #fff; position: absolute; top: -3px; left: 56px; bottom: 0; margin: auto; transform: rotate(33deg); } .language-select li a:hover { text-decoration: underline !important; } .language-select li.is-current span { font-family: 'SST W20 Bold'; font-weight: 700; } .language-select a, .language-select span { color: #FFF; display: inline-block; font-size: 13px !important; line-height: 1; padding: 3px 0 2px; text-decoration: none; } #tmpl-header .tmpl-header_corporate-name { position: absolute; top: 50%; color: #fff; transform: translateY(-50%) translateX(0%); left: calc(((100% - 1190px) / 2) + 1058px); } @media screen and (min-width: 641px) { #tmpl-header .tmpl-headerNav_list li:nth-last-child(2) { right: 317px; } #tmpl-header .tmpl-headerNav_list li:last-child { right: 183px; top: 50%; } #tmpl-header .tmpl-headerNavDropDown_list li:nth-child(1) { padding-top: 20px; } } @media screen and (max-width: 640px) { .language-select a, .language-select span { font-size: 16px !important; } .language-select span { position: absolute; left: 26px; top: 35%; } .language-select li+li { padding: 0 0 0 80px; } .language-select li::before { top: -5px; left: 96px; } /* .is-current { padding-left: 26px; padding-top: 21px; } */ } /* ---------------- footer ---------------- */ .tmpl-footer-wrap { min-width: 1190px; background: #1f2024; box-sizing: border-box; } .tmpl-footer { position: relative; max-width: 1190px; height: 60px; margin: 0 auto; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: absolute; top: 20px; left: 0; } .tmpl-footer .tmpl-footer__groupsite a:hover { opacity: 0.8; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: absolute; top: 22px; left: 225px; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav { overflow: hidden; margin: 0; padding: 0; list-style-type: none; } .tmpl-footer .tmlp-footer__gnav__item { float: left; margin-right: 30px; } .tmpl-footer .tmlp-footer__gnav__item a { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 4px; padding-bottom: 2px; } .tmpl-footer .tmlp-footer__gnav__item button { color: #FFFFFF; font-size: 0.75em; text-decoration: none; display: inline-block; padding-top: 2.5px; padding-bottom: 2.5px; } .tmpl-footer .tmlp-footer__gnav__item a:hover, .tmpl-footer .tmlp-footer__gnav__item button:hover { padding-bottom: 1px; border-bottom: 1px solid #FFFFFF; color: #aeb1c2; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: absolute; top: 25px; right: 0; color: #898991; font-size: 0.75em; } @media screen and (max-width: 640px) { /* footer */ .tmpl-footer-all { background: #1f2024; } .tmpl-footer-wrap { min-width: auto; padding: 0; } .tmpl-footer { height: auto; padding: 20px 20px; } /* navigation wrapper ---------------------------*/ .tmpl-footer .tmlp-footer__nav-wrap { position: relative; top: 0 !important; left: 0 !important; margin: 0 0 20px !important; } /* global navigation ---------------------------*/ .tmpl-footer .tmlp-footer__gnav__item { float: none; display: block; margin: 0 0 20px; } .tmpl-footer .tmlp-footer__gnav__item:last-child { margin-bottom: 0; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 0; } .tmpl-footer .tmlp-footer__gnav__item a { font-size: 0.875em; } /* groupSite ---------------------------*/ .tmpl-footer .tmpl-footer__groupsite { position: relative; top: 0; left: 0; margin: 0 0 20px; } /* copyright ---------------------------*/ .tmpl-footer .tmpl-footer__copyright { position: relative; top: 0; left: 0; } } @media screen and (max-width: 1250px) { .tmpl-footer-wrap { padding: 0 20px; } .tmpl-footer .tmlp-footer__gnav__item { margin-right: 20px; } } .cp_bt { cursor: pointer; color: #FFFFFF; font-size: 0.75em; text-decoration: none; } /* Customize Cookies追加に伴うcss */ .tmpl-footer .tmlp-footer__gnav__item button:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } .tmpl-footer .tmlp-footer__gnav__item:first-child { margin-left: 3px; } /* .cp_bt:focus-visible { outline: -webkit-focus-ring-color auto 1px !important; outline-offset: 1px; } */ button { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } </style> <script type="text/javascript" src="//fast.fonts.net/jsapi/f2b13cbc-6f40-4ccd-81f1-58d03a620532.js"></script> <script src="/template/2020/en/js/lib.js"></script> <script src="/template/2020/en/js/common.js"></script> <link rel="icon" href="/favicon.ico">  <link href="//c.marsflag.com/mf/mfx/1.0-latest/css/mfx-serp.css" rel="stylesheet" type="text/css" media="all"> <link href="//c.marsflag.com/mf/mfx/1.0-latest/css/mfx-serp-resp.css" rel="stylesheet" type="text/css" media="all">  <link href="/search/css/search_resp_net.css" rel="stylesheet" type="text/css" media="all">   <link rel="stylesheet" href="/errors/css/404_en_small.css"> <link rel="stylesheet" media="screen and (min-width: 641px)" href="/errors/css/404_en_large.css">  <script type="text/javascript">  </script>  </head> <body>   <header id="tmpl-header" class="tmpl-header"> <div class="tmpl-header_bg"></div> <div class="tmpl-header_head"> <div class="tmpl-header_inner"> <h1 class="tmpl-header_logo"> <a href="/" data-analytics-name="SonyLogo"> <img src="/template/2020/en/img/logo.svg" alt="SONY" class="tmpl-header_logo_img"> </a> </h1> <a href="javascript:void(0)" class="tmpl-header_hamburger tmpl-headerHamburger" tabIndex="0" aria-expanded="false" data-analytics-name="menu"> <div class="tmpl-headerHamburger_inner"> <span class="tmpl-headerHamburger_line -line-01"></span> <span class="tmpl-headerHamburger_line -line-02"></span> <span class="tmpl-headerHamburger_line -line-03"></span> <span class="tmpl-headerHamburger_name">menu</span> </div> </a> <div class="tmpl-header_search tmpl-headerSearch"> <div class="tmpl-headerSearch_inner"> <div class="tmpl-header_searchBtn tmpl-header_searchClose tmpl-headerSearch_close"><span>close</span></div> <div class="mf_finder_header tmpl-headerSearch_input" tabindex="0"><mf-search-box submit-text="" ajax-url="//ss.marsflag.com/sony__net201609__customelement/x_search.x" serp-url="/search/search.html#/" options-hidden doctype-hidden placeholder="Enter the word you want to search"></mf-search-box> </div> </div> <div class="tmpl-headerSearch_bg tmpl-headerSearch_close"></div> </div> </div> </div> <nav class="tmpl-header_nav tmpl-headerNav" aria-label="Global header navigation"> <div class="tmpl-headerNavDropDownBg js-dropDownBg"></div> <ul id="tmpl-headerNav_list" class="tmpl-headerNav_list"> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Home </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/" class="tmpl-headerNavItem_label" aria-expanded="false"> Corporate Information <span class="tmpl-headerNavItem_name">open</span> </a> <div class="tmpl-headerNavItem_dropDown tmpl-headerNavDropDown -product" data-category="products"> <div class="tmpl-headerNavDropDown_inner"> <a href="#" class="tmpl-headerClose"> <span class="tmpl-headerClose_coment">Close</span> </a> <section class="tmpl-headerNavDropDown_txtContainer"> <h2 class="tmpl-headerNavDropDown_toCategoryTop"> <a href="/corporate/" data-analytics-name="top"> <span>Corporate Information</span> </a> </h2> <ul class="tmpl-headerNavDropDown_list"> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/mission-vision/" data-analytics-name="Game"> <p class="tmpl-headerNavDropDownItem_label">Mission / Vision</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/message/" data-analytics-name="Music"> <p class="tmpl-headerNavDropDownItem_label">CEO Message</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/brand/" data-analytics-name="Brand"> <p class="tmpl-headerNavDropDownItem_label">Brand</p> </a> </li> <li class="tmpl-headerNavDropDown_item tmpl-headerNavDropDownItem"> <a href="/corporate/corporate-data/" data-analytics-name="Pictures"> <p class="tmpl-headerNavDropDownItem_label">Corporate Data</p> </a> </li> </ul> </section> </div> </div> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/products-services/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Products & Services </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/information/news/" class="tmpl-headerNavItem_home" data-analytics-name="home"> News Releases </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/SonyInfo/News/ServiceArea/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Information </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem js-dropDown"> <a href="/corporate/sustainability/" class="tmpl-headerNavItem_home" data-analytics-name="home"> Sustainability </a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem -contact"> <a href="https://www.sony.co.uk/locale-selector" data-analytics-name="Support" class="contactLink">Contact Us</a> </li> <li class="tmpl-headerNav_item tmpl-headerNavItem -contact"> <div class="language-select"> <ul> <li class="is-current"><span>English</span></li> <li><a href="https://www.sony.co.jp/" hreflang="en">Japanese</a></li> </ul> </div> </li> </ul> <div class="tmpl-header_corporate-name"> Sony Corporation </div> </nav> <div class="tmpl-header_searchBtnContainer"> <a href="javascript:void(0)" id="tmpl-header_searchBtn" class="tmpl-header_searchBtn search_open" aria-expanded="false" data-analytics-name="Search"> <svg xmlns="http://www.w3.org/2000/svg" role="img" width="16.491" height="16.491" viewBox="0 0 16.491 16.491"> <title>Search button in the site</title> <path d="M16.3,15.392,12.421,11.51a7.021,7.021,0,1,0-.911.911L15.392,16.3a.644.644,0,1,0,.911-.911ZM7.022,12.755a5.733,5.733,0,1,1,5.733-5.733A5.74,5.74,0,0,1,7.022,12.755Zm0,0" fill="#fff" /> </svg>  <div class="tmpl-header_searchCloseBtn"> <span class="tmpl-header_searchClose_line -line-first"></span> <span class="tmpl-header_searchClose_line -line-last"></span> </div> <p class="tmpl-header_searchBtn_name">Search</p> </a> </div> </header>   <div id="tmpl_content"> <div id="tmpl_main">  <div class="main_content"> <h2 class="tmpl_headline1">Page not found</h2> <p class="tmpl_para1">Sorry for the inconvenience caused. The page you're looking for cannot be found.<br> Please come and see <a href="/">Home</a>.<br> Or, enter keywords in the search field above.</p> <br> <a class="tmpl_btn1" href="/">Home</a> </div>  </div></div>   <footer class="tmpl-footer-all"> <div class="tmpl-footer-wrap"> <div class="tmpl-footer"> <div class="tmpl-footer__groupsite"> <a href="https://www.sony.com/en/"><img src="/template/2020/en/img/tmpl_footer_grouplink.png" alt="Sony Group Site" lang="en"></a> </div> <nav class="tmlp-footer__nav-wrap" aria-label="Global footer navigation"> <ul class="tmlp-footer__gnav"> <li class="tmlp-footer__gnav__item"><a href="/terms-of-use/">Terms of Use</a></li> <li class="tmlp-footer__gnav__item"><a href="/privacy-policy/">Privacy Policy</a></li> <li class="tmlp-footer__gnav__item"><a href="/privacy-policy/cookie/">Cookie Policy</a></li> <li class="tmlp-footer__gnav__item"> <button class="optanon-toggle-display cp_bt" tabindex="0">Customize Cookies</button> </li>  <li class="tmlp-footer__gnav__item"><a href="/about-this-website/">About this Site</a></li>  </ul> </nav> <div class="tmpl-footer__copyright" lang="en">Copyright 2024 Sony Corporation</div> </div> </div> </footer>  <script src="//c.marsflag.com/mf/mfx/1.0-latest/js/mfx-sbox.js" charset="UTF-8"></script>  <div style="display:none;visibility:hidden;position:absolute;border:none;padding:0;margin:0">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSLKXSS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   </body> </html>

CINXE.COM

Sony Corporation - Page not found