https://www.ysgear.co.jp/shared/js/common.js

1$(function(){$('.scrLink').on('click',function(event){var $this=$(this);var linkTo=$this.attr('href');var $target;var offset=0;var pos=0;if(linkTo.substr(0,1)=='#'){event.preventDefault();if(linkTo!='#top'){$target=$(linkTo);offset=$target.data('offsettop');if(offset===undefined){pos=$target.offset().top;}else{pos=$target.offset().top-offset;}}
2$('html,body').animate({scrollTop:pos},400);}});});$(function(){$(window).on('scroll',function(){pageTopPosition();});function pageTopPosition(){var scrollTop=$(this).scrollTop();if(scrollTop>40){$('.pageTop').fadeIn();}else{$('.pageTop').fadeOut();}}});function MM_openBrWindow(theURL,winName,features){window.open(theURL,winName,features);}
3function addEvent(elm,listener,fn){try{elm.addEventListener(listener,fn,false);}catch(e){elm.attachEvent("on"+listener,fn);}}
4addEvent(window,"load",function(){new over()});classCheck=function(xClassName){var result=new Array();var elements=(document.all)?document.all:document.getElementsByTagName('*');for(var i=0;i<elements.length;i++){if(elements[i].className==xClassName){result.push(elements[i]);}}
5return result;}
6function over(){over.prototype.define('over');}
7over.prototype.define=function(xclassName){var objs=classCheck(xclassName);for(var i=0;i<objs.length;i++){var pa=objs[i];pa.imgPath=objs[i].src;pa.imgOver=new Image();pa.imgOver.src=imgChange(pa.src);pa.onmouseover=function(){this.src=this.imgOver.src};pa.onmouseout=function(){this.src=this.imgPath};}}
8function imgChange(path){tmpPath=(path.indexOf("_o.")<0)?path.substr(path.lastIndexOf("/")).replace(".","_o."):path.substr(path.lastIndexOf("/")).replace("_o.",".");return path.substr(0,path.lastIndexOf("/"))+tmpPath;}
9$(function(){var breakPoint=[{class:'.switch',point:569},{class:'.switch640',point:641},{class:'.switch730',point:731}],pcName='_pc',spName='_spn';$.each(breakPoint,function(index,elem){var $setElem=$(elem.class);var replaceWidth=elem.point;$setElem.each(function(){var $this=$(this);function imgSize(){var windowWidth=$(document).width();if(windowWidth>=replaceWidth){$this.attr('src',$this.attr('src').replace(spName,pcName)).css({visibility:'visible'});}else if(windowWidth<replaceWidth){$this.attr('src',$this.attr('src').replace(pcName,spName)).css({visibility:'visible'});}}
10$(window).resize(function(){imgSize();});imgSize();});});});$(function(){function furlContentsSide(event){$(this).toggleClass('active').next('div, ul').slideToggle(400);}
11$('.categoryNav h2, .narrowBox h2').on('click',furlContentsSide);});(function($){$(function(){if(!supportsInputAttribute('placeholder')){$('[placeholder]').each(function(){var $this=$(this),$form=$this.closest('form'),placeholderText=$this.attr('placeholder'),placeholderColor='#bbb',defaultColor=$this.css('color');$this.bind({focus:function(){if($this.val()===placeholderText){$this.val('').css('color',defaultColor);}},blur:function(){if($this.val()===''){if((placeholderText!='パスワード')&&(placeholderText!='会員ID')){$this.val(placeholderText).css('color',placeholderColor);}}else if($this.val()===placeholderText){$this.css('color',placeholderColor);}}});$this.trigger('blur');$form.submit(function(){if($this.val()===placeholderText){$this.val('');}});});}});function supportsInputAttribute(attr){var input=document.createElement('input');return attr in input;}})(jQuery);$(function(){$('.exSiteLink').on('click',function(event){event.preventDefault();var exUrl=this.href;exSiteLink(exUrl);});});function exSiteLink(exUrl){exWin=window.open("");exWin.document.open();exWin.document.write('\
12<html lang="ja">\
13<head>\
14<meta charset="utf-8">\
15<title>外部ウェブサイトへ移動します | ヤマハ発動機グループ ワイズギア</title>\
16<meta name="robots" content="noindex,nofollow">\
17<meta name="viewport" content="width=device-width, initial-scale=1.0">\
18<style>\
19html, body { width: 100%; } html { font-size: 62.5%; } body { max-width: 1010px; min-width: 320px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; font-family: Verdana, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ï¼­ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; font-size: 1.2em; line-height: 1; -webkit-text-size-adjust: 100%; } img { max-width: 100%; height: auto; vertical-align: top; } a { color: #505050; text-decoration: none; } a:link, a:visited { color: #505050; } a:hover, a:active { color: #282828; } #siteHeader { border-bottom: 4px solid #363a90; color: #505050; } #siteHeader a:hover { color: #282828; } #siteHeader li { list-style-type: none; } #siteHeader .ysgear { display: block; float: left; margin: 13px 20px 13px 0; } #siteHeader .yamaha { display: block; float: right; margin: 13px 0 13px 20px; } #siteHeader .breadcrumbs { display: table; clear: both; width: 100%; margin: 0 0 11px 0; font-size: 10px; font-size: 1rem; line-height: 1.6; } #siteHeader .breadcrumbs ol { display: table-cell; padding: 0; vertical-align: middle; } #siteHeader .breadcrumbs li, #siteHeader .breadcrumbs li a { display: inline-block; } #siteHeader .breadcrumbs li + li:before { content: ">"; margin: 0 .5em; } #siteHeader .breadcrumbs div { display: table-cell; width: 115px; } #closeButton { width: 100%; padding: 5px 20px 7px 20px; border: none; border-radius: 0; box-sizing: border-box; background: #464646; color: #fff; font-family: Verdana, "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラã‚

19®ãƒŽè§’ã‚´ ProN W3", "Hiragino Kaku Gothic ProN", "ï¼­ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1; cursor: pointer; } #closeButton:hover { background: #000; } #closeButton span { display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; border-radius: 50%; background: #fff; color: #464646; font-size: 11px; font-weight: bold; line-height: .9; vertical-align: bottom; } .externalSite { padding: 75px 20px; text-align: center; line-height: 1.6; } .externalSite h1 { margin: 0 0 30px 0; font-size: 16px; font-size: 1.6rem; } .externalSite p { margin: 0 0 30px 0; font-size: 13px; font-size: 1.3rem; } .externalSite .url { display: inline-block; margin: 15px 0 0 0; padding: 10px 20px; background: #f0f0f0; word-break: break-all; } a.agreeButton { display: inline-block; padding: 10px 40px; border-radius: 5px; background: #464646; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-align: center; } a.agreeButton:hover { color: #fff !important; background: #000; } #siteFooter { margin: 40px 0 0 0; border-top: 1px solid #b4b4b4; text-align: right; } #siteFooter small { display: inline-block; padding: 10px 0; color: #505050; font-size: 10px; font-size: 1rem; line-height: 1.2; } @media screen and (max-width: 980px) { body { padding: 0; } #siteHeader .ysgear, #siteHeader .yamaha { margin: 13px 20px; } #siteHeader .breadcrumbs ol { padding: 0 20px; } #siteHeader .breadcrumbs div { padding: 0 20px 0 0; } #siteFooter small { margin: 10px 20px; } } @media screen and (max-width: 768px) { #siteWrap { position: relative; } #siteHeader .yamaha { position: absolute; right: 50%; bottom: 43px; margin: 0 -57px 0 0; } #siteFooter { padding-top: 55px; text-align: center; } #siteFooter small { display: block; padding: 10px 20px; } } @media screen and (max-width: 667px) { #siteHeader .ysgear { margin: 13px 20px; } #siteHeader .ysgear img { width: 136px; height: 25px; } } @media screen and (max-width: 568px) { #siteHeader .ysgear { margin: 13px 15px; } #siteHeader .breadcrumbs { margin: 0; } #siteHeader .breadcrumbs ol { padding: 7px 10px 7px 6px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } #siteHeader .breadcrumbs li { display: none; } #siteHeader .breadcrumbs li.spn { display: inline-block; } #siteHeader .breadcrumbs li + li:before { content: ""; margin: 0; } #siteHeader .breadcrumbs a:before { display: inline-block; width: 0; height: 0; margin: 0 2px 0 0; border: 3px solid transparent; border-right: 4px solid #bfc0c0; content: ""; } #siteHeader .breadcrumbs div { position: relative; padding: 0; } #closeButton { position: absolute; top: 0; bottom: 0; height: 100%; } :root #closeButton { min-height: 33px\0; } .externalSite { padding: 50px 10px; } } \
20</style>\
21<script src="/shared/js/ga-code.js"></script>\
22</head>\
23<body>\
24<div id="siteWrap">\
25<header id="siteHeader">\
26<a href="/" class="ysgear"><img src="/shared/svg/logo_ysgear.svg" alt="Y&#39;S GEAR"></a>\
27<a href="https://www.yamaha-motor.co.jp/" target="_blank" class="yamaha"><img src="/shared/svg/logo_yamaha.svg" alt="YAMAHA"></a>\
28<nav class="breadcrumbs">\
29<ol>\
30<li class="spn"><a href="/">ホーム</a></li>\
31<li>外部ウェブサイトへ移動します</li>\
32</ol>\
33<div><button onclick="window.close(); return false;" id="closeButton"><span>x</span>CLOSE</button></div>\
34<!-- / breadcrumbs --></nav>\
35<!-- / siteHeader --></header>\
36<!-- Contents Area -->\
37<div class="externalSite">\
38<h1>ここから先は、外部ウェブサイトへ移動します。</h1>\
39<p>表示される内容はワイズギアが運営するものではございません。<br>\
40外部ウェブサイトにおけるトラブルに関して、当社は一切責任を負えませんのであらかじめご了承ください。</br>\
41<span class="url">URL: '+exUrl+'</span></p>\
42<a href="'+exUrl+'" class="agreeButton">≫ 移動します</a>\
43<!-- / externalSite --></div>\
44<!-- / Contents Area -->\
45<footer id="siteFooter">\
46<small>&copy; Y&#39;SGEAR CO.,LTD.ALL RIGHTS RESERVED.</small>\
47<!-- / siteFooter --></footer>\
48<!-- / siteWrap --></div>\
49</body>\
50</html>\
51');exWin.document.close();return false;}