CINXE.COM
アカウント – PENALTY オンラインショップ
<!DOCTYPE html> <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js p-0" > <!--<![endif]--> <head> <script type="application/vnd.locksmith+json" data-locksmith>{"version":"v201","locked":false,"initialized":true,"scope":"customers","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"39ab801fedeea6544eff95c85be42a673e9b256935f27c0f91783b09279696a3","state":{"template":"customers\/login","theme":141816922340,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1743962705,"path":"\/account\/login","locale_root_url":"\/","canonical_url":"https:\/\/penalty.jp\/account\/login","customer_id":null,"customer_id_signature":"39ab801fedeea6544eff95c85be42a673e9b256935f27c0f91783b09279696a3","cart":null}</script><script data-locksmith>!function(){var require=undefined,reqwest=function(){function succeed(e){var t=protocolRe.exec(e.url);return t=t&&t[1]||context.location.protocol,httpsRe.test(t)?twoHundo.test(e.request.status):!!e.request.response}function handleReadyState(e,t,n){return function(){return e._aborted?n(e.request):e._timedOut?n(e.request,"Request is aborted: timeout"):void(e.request&&4==e.request[readyState]&&(e.request.onreadystatechange=noop,succeed(e)?t(e.request):n(e.request)))}}function setHeaders(e,t){var n,s=t.headers||{};s.Accept=s.Accept||defaultHeaders.accept[t.type]||defaultHeaders.accept["*"];var r="undefined"!=typeof FormData&&t.data instanceof FormData;for(n in!t.crossOrigin&&!s[requestedWith]&&(s[requestedWith]=defaultHeaders.requestedWith),!s[contentType]&&!r&&(s[contentType]=t.contentType||defaultHeaders.contentType),s)s.hasOwnProperty(n)&&"setRequestHeader"in e&&e.setRequestHeader(n,s[n])}function setCredentials(e,t){"undefined"!=typeof t.withCredentials&&"undefined"!=typeof e.withCredentials&&(e.withCredentials=!!t.withCredentials)}function generalCallback(e){lastValue=e}function urlappend(e,t){return e+(/[?]/.test(e)?"&":"?")+t}function handleJsonp(e,t,n,s){var r=uniqid++,a=e.jsonpCallback||"callback",o=e.jsonpCallbackName||reqwest.getcallbackPrefix(r),i=new RegExp("((^|[?]|&)"+a+")=([^&]+)"),l=s.match(i),c=doc.createElement("script"),u=0,d=-1!==navigator.userAgent.indexOf("MSIE 10.0");return l?"?"===l[3]?s=s.replace(i,"$1="+o):o=l[3]:s=urlappend(s,a+"="+o),context[o]=generalCallback,c.type="text/javascript",c.src=s,c.async=!0,"undefined"!=typeof c.onreadystatechange&&!d&&(c.htmlFor=c.id="_reqwest_"+r),c.onload=c.onreadystatechange=function(){if(c[readyState]&&"complete"!==c[readyState]&&"loaded"!==c[readyState]||u)return!1;c.onload=c.onreadystatechange=null,c.onclick&&c.onclick(),t(lastValue),lastValue=undefined,head.removeChild(c),u=1},head.appendChild(c),{abort:function(){c.onload=c.onreadystatechange=null,n({},"Request is aborted: timeout",{}),lastValue=undefined,head.removeChild(c),u=1}}}function getRequest(e,t){var n,s=this.o,r=(s.method||"GET").toUpperCase(),a="string"==typeof s?s:s.url,o=!1!==s.processData&&s.data&&"string"!=typeof s.data?reqwest.toQueryString(s.data):s.data||null,i=!1;return("jsonp"==s.type||"GET"==r)&&o&&(a=urlappend(a,o),o=null),"jsonp"==s.type?handleJsonp(s,e,t,a):((n=s.xhr&&s.xhr(s)||xhr(s)).open(r,a,!1!==s.async),setHeaders(n,s),setCredentials(n,s),context[xDomainRequest]&&n instanceof context[xDomainRequest]?(n.onload=e,n.onerror=t,n.onprogress=function(){},i=!0):n.onreadystatechange=handleReadyState(this,e,t),s.before&&s.before(n),i?setTimeout(function(){n.send(o)},200):n.send(o),n)}function Reqwest(e,t){this.o=e,this.fn=t,init.apply(this,arguments)}function setType(e){return null===e?undefined:e.match("json")?"json":e.match("javascript")?"js":e.match("text")?"html":e.match("xml")?"xml":void 0}function init(o,fn){function complete(e){for(o.timeout&&clearTimeout(self.timeout),self.timeout=null;0<self._completeHandlers.length;)self._completeHandlers.shift()(e)}function success(resp){var type=o.type||resp&&setType(resp.getResponseHeader("Content-Type"));resp="jsonp"!==type?self.request:resp;var filteredResponse=globalSetupOptions.dataFilter(resp.responseText,type),r=filteredResponse;try{resp.responseText=r}catch(e){}if(r)switch(type){case"json":try{resp=context.JSON?context.JSON.parse(r):eval("("+r+")")}catch(err){return error(resp,"Could not parse JSON in response",err)}break;case"js":resp=eval(r);break;case"html":resp=r;break;case"xml":resp=resp.responseXML&&resp.responseXML.parseError&&resp.responseXML.parseError.errorCode&&resp.responseXML.parseError.reason?null:resp.responseXML}for(self._responseArgs.resp=resp,self._fulfilled=!0,fn(resp),self._successHandler(resp);0<self._fulfillmentHandlers.length;)resp=self._fulfillmentHandlers.shift()(resp);complete(resp)}function timedOut(){self._timedOut=!0,self.request.abort()}function error(e,t,n){for(e=self.request,self._responseArgs.resp=e,self._responseArgs.msg=t,self._responseArgs.t=n,self._erred=!0;0<self._errorHandlers.length;)self._errorHandlers.shift()(e,t,n);complete(e)}this.url="string"==typeof o?o:o.url,this.timeout=null,this._fulfilled=!1,this._successHandler=function(){},this._fulfillmentHandlers=[],this._errorHandlers=[],this._completeHandlers=[],this._erred=!1,this._responseArgs={};var self=this;fn=fn||function(){},o.timeout&&(this.timeout=setTimeout(function(){timedOut()},o.timeout)),o.success&&(this._successHandler=function(){o.success.apply(o,arguments)}),o.error&&this._errorHandlers.push(function(){o.error.apply(o,arguments)}),o.complete&&this._completeHandlers.push(function(){o.complete.apply(o,arguments)}),this.request=getRequest.call(this,success,error)}function reqwest(e,t){return new Reqwest(e,t)}function normalize(e){return e?e.replace(/\r?\n/g,"\r\n"):""}function serial(e,t){var n,s,r,a,o=e.name,i=e.tagName.toLowerCase(),l=function(e){e&&!e.disabled&&t(o,normalize(e.attributes.value&&e.attributes.value.specified?e.value:e.text))};if(!e.disabled&&o)switch(i){case"input":/reset|button|image|file/i.test(e.type)||(n=/checkbox/i.test(e.type),s=/radio/i.test(e.type),r=e.value,(!n&&!s||e.checked)&&t(o,normalize(n&&""===r?"on":r)));break;case"textarea":t(o,normalize(e.value));break;case"select":if("select-one"===e.type.toLowerCase())l(0<=e.selectedIndex?e.options[e.selectedIndex]:null);else for(a=0;e.length&&a<e.length;a++)e.options[a].selected&&l(e.options[a])}}function eachFormElement(){var e,t,a=this,n=function(e,t){var n,s,r;for(n=0;n<t.length;n++)for(r=e[byTag](t[n]),s=0;s<r.length;s++)serial(r[s],a)};for(t=0;t<arguments.length;t++)e=arguments[t],/input|select|textarea/i.test(e.tagName)&&serial(e,a),n(e,["input","select","textarea"])}function serializeQueryString(){return reqwest.toQueryString(reqwest.serializeArray.apply(null,arguments))}function serializeHash(){var n={};return eachFormElement.apply(function(e,t){e in n?(n[e]&&!isArray(n[e])&&(n[e]=[n[e]]),n[e].push(t)):n[e]=t},arguments),n}function buildParams(e,t,n,s){var r,a,o,i=/\[\]$/;if(isArray(t))for(a=0;t&&a<t.length;a++)o=t[a],n||i.test(e)?s(e,o):buildParams(e+"["+("object"==typeof o?a:"")+"]",o,n,s);else if(t&&"[object Object]"===t.toString())for(r in t)buildParams(e+"["+r+"]",t[r],n,s);else s(e,t)}var context=this,XHR2;if("window"in context)var doc=document,byTag="getElementsByTagName",head=doc[byTag]("head")[0];else try{XHR2=require("xhr2")}catch(ex){throw new Error("Peer dependency `xhr2` required! Please npm install xhr2")}var httpsRe=/^http/,protocolRe=/(^\w+):\/\//,twoHundo=/^(20\d|1223)$/,readyState="readyState",contentType="Content-Type",requestedWith="X-Requested-With",uniqid=0,callbackPrefix="reqwest_"+ +new Date,lastValue,xmlHttpRequest="XMLHttpRequest",xDomainRequest="XDomainRequest",noop=function(){},isArray="function"==typeof Array.isArray?Array.isArray:function(e){return e instanceof Array},defaultHeaders={contentType:"application/x-www-form-urlencoded",requestedWith:xmlHttpRequest,accept:{"*":"text/javascript, text/html, application/xml, text/xml, */*",xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript",js:"application/javascript, text/javascript"}},xhr=function(e){if(!0!==e.crossOrigin)return context[xmlHttpRequest]?new XMLHttpRequest:XHR2?new XHR2:new ActiveXObject("Microsoft.XMLHTTP");var t=context[xmlHttpRequest]?new XMLHttpRequest:null;if(t&&"withCredentials"in t)return t;if(context[xDomainRequest])return new XDomainRequest;throw new Error("Browser does not support cross-origin requests")},globalSetupOptions={dataFilter:function(e){return e}};return Reqwest.prototype={abort:function(){this._aborted=!0,this.request.abort()},retry:function(){init.call(this,this.o,this.fn)},then:function(e,t){return e=e||function(){},t=t||function(){},this._fulfilled?this._responseArgs.resp=e(this._responseArgs.resp):this._erred?t(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):(this._fulfillmentHandlers.push(e),this._errorHandlers.push(t)),this},always:function(e){return this._fulfilled||this._erred?e(this._responseArgs.resp):this._completeHandlers.push(e),this},fail:function(e){return this._erred?e(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):this._errorHandlers.push(e),this},"catch":function(e){return this.fail(e)}},reqwest.serializeArray=function(){var n=[];return eachFormElement.apply(function(e,t){n.push({name:e,value:t})},arguments),n},reqwest.serialize=function(){if(0===arguments.length)return"";var e,t=Array.prototype.slice.call(arguments,0);return(e=t.pop())&&e.nodeType&&t.push(e)&&(e=null),e&&(e=e.type),("map"==e?serializeHash:"array"==e?reqwest.serializeArray:serializeQueryString).apply(null,t)},reqwest.toQueryString=function(e,t){var n,s,r=t||!1,a=[],o=encodeURIComponent,i=function(e,t){t="function"==typeof t?t():null==t?"":t,a[a.length]=o(e)+"="+o(t)};if(isArray(e))for(s=0;e&&s<e.length;s++)i(e[s].name,e[s].value);else for(n in e)e.hasOwnProperty(n)&&buildParams(n,e[n],r,i);return a.join("&").replace(/%20/g,"+")},reqwest.getcallbackPrefix=function(){return callbackPrefix},reqwest.compat=function(e,t){return e&&(e.type&&(e.method=e.type)&&delete e.type,e.dataType&&(e.type=e.dataType),e.jsonpCallback&&(e.jsonpCallbackName=e.jsonpCallback)&&delete e.jsonpCallback,e.jsonp&&(e.jsonpCallback=e.jsonp)),new Reqwest(e,t)},reqwest.ajaxSetup=function(e){for(var t in e=e||{})globalSetupOptions[t]=e[t]},reqwest}(); /*! * Reqwest! A general purpose XHR connection manager * license MIT (c) Dustin Diaz 2015 * https://github.com/ded/reqwest */!function(){var o=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(o.state={},o.util={},o.loading=!1,n)try{o.state=JSON.parse(n)}catch(u){}if(document.addEventListener&&document.querySelector){var s,r,a,t=[76,79,67,75,83,77,73,84,72,49,49],i=function(){r=t.slice(0)},l="style",c=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",c),document.removeEventListener("click",c),s&&document.body.removeChild(s),s=null)};i(),document.addEventListener("keyup",function(e){if(e.keyCode===r[0]){if(clearTimeout(a),r.shift(),0<r.length)return void(a=setTimeout(i,1e3));i(),c(),(s=document.createElement("div"))[l].width="50%",s[l].maxWidth="1000px",s[l].height="85%",s[l].border="1px rgba(0, 0, 0, 0.2) solid",s[l].background="rgba(255, 255, 255, 0.99)",s[l].borderRadius="4px",s[l].position="fixed",s[l].top="50%",s[l].left="50%",s[l].transform="translateY(-50%) translateX(-50%)",s[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",s[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,s.appendChild(t),document.body.appendChild(s),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",c),document.addEventListener("click",c)}})}o.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),o.path=o.state.path||window.location.pathname,o.basePath=o.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),o.reloading=!1,o.util.console=window.console||{log:function(){},error:function(){}},o.util.makeUrl=function(e,t){var n,s=o.basePath+e,r=[],a=o.cache();for(n in a)r.push(n+"="+encodeURIComponent(a[n]));for(n in t)r.push(n+"="+encodeURIComponent(t[n]));return o.state.customer_id&&(r.push("customer_id="+encodeURIComponent(o.state.customer_id)),r.push("customer_id_signature="+encodeURIComponent(o.state.customer_id_signature))),s+=(-1===s.indexOf("?")?"?":"&")+r.join("&")},o._initializeCallbacks=[],o.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';o._initializeCallbacks.push(t)},o.initializeSession=function(e){if(!o.isEmbedded){var t=!1,n=!0,s=!0;(e=e||{}).silent&&(s=n=!(t=!0)),o.ping({silent:t,spinner:n,reload:s,callback:function(){o._initializeCallbacks.forEach(function(e){e()})}})}},o.cache=function(e){var t={};try{var n=function r(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(u){}if(e){for(var s in e)t[s]=e[s];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},o.cache.cart=o.state.cart,o.cache.cartLastSaved=null,o.params=o.cache(),o.util.reload=function(){o.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(u){o.util.console.error("Preferred reload method failed",u),window.location.reload()}},o.cache.saveCart=function(e){if(!o.cache.cart||o.cache.cart===o.cache.cartLastSaved)return e?e():null;var t=o.cache.cartLastSaved;o.cache.cartLastSaved=o.cache.cart,reqwest({url:"/cart/update.json",method:"post",type:"json",data:{attributes:{locksmith:o.cache.cart}},complete:e,error:function(e){if(o.cache.cartLastSaved=t,!o.reloading)throw e}})},o.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',o.util.clobberBody=function(e){document.body.innerHTML=e},o.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},o.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,s={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":s[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(s[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":s[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":s[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(s[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":s[e.elements[t].name]=e.elements[t].value}}return s}},o.util.on=function(e,a,o,t){t=t||document;var i="locksmith-"+e+a,n=function(e){var t=e.target,n=e.target.parentElement,s=t.className.baseVal||t.className||"",r=n.className.baseVal||n.className||"";("string"==typeof s&&-1!==s.split(/\s+/).indexOf(a)||"string"==typeof r&&-1!==r.split(/\s+/).indexOf(a))&&!e[i]&&(e[i]=!0,o(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},o.util.enableActions=function(e){o.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,o.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),o.util.reload()}}))},e)},o.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var s=document.createElement("div");s.innerHTML=t,e.appendChild(s)}else e.innerHTML=t;var r,a,o=e.querySelectorAll("script");for(a=0;a<o.length;++a){r=o[a];var i=document.createElement("script");if(r.type&&(i.type=r.type),r.src)i.src=r.src;else{var l=document.createTextNode(r.innerHTML);i.appendChild(l)}e.appendChild(i)}var c=e.querySelector("[autofocus]");c&&c.focus()},o.post=function(e,t,n){!1!==(n=n||{}).spinner&&o.util.clobberBody(o.util.spinnerHTML);var s={};n.container===document?(s.layout=1,n.success=function(e){document.getElementById(n.container);o.util.clobberDocument(e)}):n.container&&(s.layout=0,n.success=function(e){var t=document.getElementById(n.container);o.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t)}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),o.loading=!0;var r=o.util.makeUrl(e,s);reqwest({url:r,method:"post",type:n.type||"html",data:t,complete:function(){o.loading=!1},error:function(e){if(!o.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)},success:n.success||o.util.clobberDocument})},o.postResource=function(e,t){e.path=o.path,e.search=window.location.search,e.state=o.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=o.cache.cart,e.locksmith_json=o.jsonTag,e.locksmith_json_signature=o.jsonTagSignature,o.post("/resource",e,t)},o.ping=function(e){if(!o.isEmbedded){e=e||{};var t=function(){e.reload?o.util.reload():"function"==typeof e.callback&&e.callback()};o.post("/ping",{path:o.path,search:window.location.search,state:o.state},{spinner:!!e.spinner,silent:"undefined"==typeof e.silent||e.silent,type:"text",success:function(e){(e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&o.showMessages(e.messages),e.cart&&o.cache.cart!==e.cart?(o.cache.cart=e.cart,o.cache.saveCart(function(){t(),e.cart&&e.cart.match(/^.+:/)&&o.util.reload()})):t()}})}},o.timeoutMonitor=function(){var e=o.cache.cart;o.ping({callback:function(){e!==o.cache.cart||setTimeout(function(){o.timeoutMonitor()},6e4)}})},o.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=" <style> .locksmith-ab .locksmith-b { display: none; } .locksmith-ab.toggled .locksmith-b { display: flex; } .locksmith-ab.toggled .locksmith-a { display: none; } .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; } .locksmith-message + .locksmith-message { border-top: 1px #555 solid; } .locksmith-message a { color: inherit; font-weight: bold; } .locksmith-message a:hover { color: inherit; opacity: 0.8; } a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; } .locksmith-text { flex-grow: 1; } .locksmith-cta { flex-grow: 0; text-align: right; } .locksmith-cta button { transform: scale(0.8); transform-origin: left; } .locksmith-cta > * { display: block; } .locksmith-cta > * + * { margin-top: 10px; } .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; } @media screen and (max-width: 600px) { .locksmith-wide-only { display: none !important; } .locksmith-flex { padding: 0 15px; } .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; } .locksmith-cta { text-align: left; } } @media screen and (min-width: 601px) { .locksmith-narrow-only { display: none !important; } } </style> "+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),o.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),o.util.enableActions(t)}}()}();</script> <script data-locksmith>Locksmith.cache.cart=null</script> <script data-locksmith>Locksmith.jsonTag="\u003cscript type=\"application\/vnd.locksmith+json\" data-locksmith\u003e{\"version\":\"v201\",\"locked\":false,\"initialized\":true,\"scope\":\"customers\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"39ab801fedeea6544eff95c85be42a673e9b256935f27c0f91783b09279696a3\",\"state\":{\"template\":\"customers\\\/login\",\"theme\":141816922340,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1743962705,\"path\":\"\\\/account\\\/login\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/penalty.jp\\\/account\\\/login\",\"customer_id\":null,\"customer_id_signature\":\"39ab801fedeea6544eff95c85be42a673e9b256935f27c0f91783b09279696a3\",\"cart\":null}\u003c\/script\u003e";Locksmith.jsonTagSignature="c4e538d40198014b5c30ca9423177a06441d3d52eaea5243a6d53a5a57d2a551"</script> <!-- Basic page needs ================================================== --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Title and description ================================================== --> <title> アカウント – PENALTY オンラインショップ </title> <style> .locksmith-resource-form p:last-child { text-align: center; margin-top: 30px; } #locksmith-content { margin-bottom: 270px; margin-top: 70px; } </style> <!-- Helpers ================================================== --> <!-- /snippets/social-meta-tags.liquid --> <link rel="shortcut icon" href="//penalty.jp/cdn/shop/t/8/assets/favicon.png?v=73003410778744966131722604317" type="image/png" /> <link rel="apple-touch-icon-precomposed" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_57x57.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_60x60.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_72x72.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_76x76.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_114x114.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_120x120.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_144x144.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_152x152.png?v=179131427480186880171722604317" /> <meta property="og:type" content="website"> <meta property="og:title" content="アカウント"> <meta property="og:image" content="http://penalty.jp/cdn/shop/t/8/assets/logo.png?2285"> <meta property="og:image:secure_url" content="https://penalty.jp/cdn/shop/t/8/assets/logo.png?2285"> <meta property="og:url" content="https://penalty.jp/account/login"> <meta property="og:site_name" content="PENALTY オンラインショップ"> <meta name="twitter:card" content="summary"> <link rel="canonical" href="https://penalty.jp/account/login"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#7fc9c4"> <link rel="icon" href="//penalty.jp/cdn/shop/t/8/assets/favicon.png?v=73003410778744966131722604317" type="image/png" sizes="16x16"> <link rel="preconnect" href="https://fonts.gstatic.com"> <!-- font --> <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Noto Sans JP:100,200,300,400,500,600,700,800,900' , 'Bebas Neue:100,200,300,400,500,600,700,800,900' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <!-- CSS ================================================== --> <link href="//penalty.jp/cdn/shop/t/8/assets/timber.scss.css?v=62057312226562714361743746410" rel="stylesheet" type="text/css" media="all" /> <link href="//penalty.jp/cdn/shop/t/8/assets/bootstrap.min.css?v=174392269533316748021722603812" rel="stylesheet" type="text/css" media="all" /> <link href="//penalty.jp/cdn/shop/t/8/assets/slick.css?v=98340474046176884051722603813" rel="stylesheet" type="text/css" media="all" /> <link href="//penalty.jp/cdn/shop/t/8/assets/slick-theme.css?v=184272576841816378971722603813" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="//penalty.jp/cdn/shop/t/8/assets/jquery.fancybox.min.css?v=19278034316635137701722603812" media="nope!" onload="this.media='all'"> <link href="//penalty.jp/cdn/shop/t/8/assets/style-main.scss.css?v=91411799122378631901722603861" rel="stylesheet" type="text/css" media="all" /> <link href="//penalty.jp/cdn/shop/t/8/assets/engo-customizes.css?v=27145997792277613051723511861" rel="stylesheet" type="text/css" media="all" /> <link href="//penalty.jp/cdn/shop/t/8/assets/animate.min.css?v=30636256313253750241722603812" rel="stylesheet" type="text/css" media="all" /> <!-- Header hook for plugins ================================================== --> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="m1ewdggjw67kosrky5xgqq4tq4huml"> <meta name="google-site-verification" content="LD4WsLnHASGubg_Hoz8IDo8nmPPnkzXmt8BxLBms-u0"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/67504898276/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="8061208c72af3f851ad464fcb15c6231"> <script async="async" src="/checkouts/internal/preloads.js?locale=ja-JP"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=ja-JP&shop_id=67504898276" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":67504898276,"countryCode":"JP","currencyCode":"JPY","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/67504898276","merchantName":"PENALTY オンラインショップ","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb","discover"],"total":{"type":"pending","label":"PENALTY オンラインショップ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script> <script id="shopify-features" type="application/json">{"accessToken":"8061208c72af3f851ad464fcb15c6231","betas":["rich-media-storefront-analytics"],"domain":"penalty.jp","predictiveSearch":false,"shopId":67504898276,"smart_payment_buttons_url":"https:\/\/penalty.jp\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.ja.js","dynamic_checkout_cart_url":"https:\/\/penalty.jp\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.ja.js","locale":"ja"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "xn-eckd2d0b0hpftc8718f.myshopify.com"; Shopify.locale = "ja"; Shopify.currency = {"active":"JPY","rate":"1.0"}; Shopify.country = "JP"; Shopify.theme = {"name":"Penalty_V2","id":141816922340,"schema_name":"Pater","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "penalty.jp/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script> <script defer="defer" async type="module" src="//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.init-customer-accounts_DIdNvxb2.ja.esm.js"></script> <script defer="defer" async type="module" src="//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js"></script> <script defer="defer" async type="module" src="//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CezUDUsd.esm.js"></script> <script defer="defer" async type="module" src="//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Js2UDzVy.esm.js"></script> <script defer="defer" async type="module" src="//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.init-customer-accounts-sign-up_Dv42t5Nj.ja.esm.js"></script> <script type="module"> await import("//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.init-customer-accounts_DIdNvxb2.ja.esm.js"); await import("//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js"); await import("//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/chunk.common_CezUDUsd.esm.js"); await import("//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_Js2UDzVy.esm.js"); await import("//penalty.jp/cdn/shopifycloud/shop-js/modules/v2/client.init-customer-accounts-sign-up_Dv42t5Nj.ja.esm.js"); window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":false}); window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":false}); </script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_DIorqe_X.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js"],"init-windoid":["modules/v2/client.init-windoid_BVg3tlnF.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_B8hXK7rf.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.ja.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DeYEx0xs.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Dgc_1qJy.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"pay-button":["modules/v2/client.pay-button_BCi1uSe2.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_E_8jUhAp.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_Dv42t5Nj.ja.esm.js","modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DZ2DGM35.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DF_rxtJ1.ja.esm.js","modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DIdNvxb2.ja.esm.js","modules/v2/client.shop-login-button_Bqzcdo2i.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Bk1P2SQ4.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"],"payment-terms":["modules/v2/client.payment-terms_C4yAzA-T.ja.esm.js","modules/v2/chunk.common_CezUDUsd.esm.js","modules/v2/chunk.modal_Js2UDzVy.esm.js"]}; </script> <script id="__st">var __st={"a":67504898276,"offset":32400,"reqid":"73475dc9-ef06-4591-b07c-b9c0c9be03ff-1743962704","pageurl":"penalty.jp\/account\/login","u":"966569972594"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'hCaptchaによる保護',privacyText:'プライバシー',termsText:'利用規約'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//penalty.jp/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//penalty.jp/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//penalty.jp/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://penalty.jp/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script src="//penalty.jp/cdn/shop/t/8/assets/jquery-3.5.0.min.js?v=16874778797910128561722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/shopifycloud/shopify/assets/themes_support/api.jquery-b0af070cfe3f5cf7c92f9e2a5da2665ee07ed2aad63bb408f8d6672f894a5996.js" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/modernizr-2.8.3.min.js?v=174727525422211915231722603813" type="text/javascript"></script> <script src="//penalty.jp/cdn/shopifycloud/shopify/assets/themes_support/option_selection-86cdd286ddf3be7e25d68b9fc5965d7798a3ff6228ff79af67b3f4e41d6a34be.js" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/lazysizes.min.js?v=18178776694225242271722603812" type="text/javascript"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <script> window.ajax_cart = true; window.money_format = '{{amount_no_decimals}}円(税込)'; window.shop_currency = 'JPY'; window.show_multiple_currencies = true; window.loading_url = "//penalty.jp/cdn/shop/t/8/assets/loader.gif?v=9076874988191347041722603812"; window.use_color_swatch = true; window.product_image_resize = true; window.enable_sidebar_multiple_choice = true; window.file_url = "//penalty.jp/cdn/shop/files/?2285"; window.asset_url = ""; window.images_size = { is_crop: true, ratio_width : 1, ratio_height : 1, }; window.inventory_text = { in_stock: "在庫あり", many_in_stock: "Translation missing: ja.products.product.many_in_stock", out_of_stock: "在庫切れ", add_to_cart: "カートに追加する", sold_out: "売り切れ", unavailable: "利用不可" }; window.sidebar_toggle = { show_sidebar_toggle: "Translation missing: ja.general.sidebar_toggle.show_sidebar_toggle", hide_sidebar_toggle: "Translation missing: ja.general.sidebar_toggle.hide_sidebar_toggle" }; </script> <script src="//penalty.jp/cdn/shopifycloud/shopify/assets/themes_support/shopify_common-33bb9d312118840468a53f36b59c62c1e8f2b7d1a0a77250db9e300441827470.js" type="text/javascript"></script> <!-- /snippets/social-meta-tags.liquid --> <link rel="shortcut icon" href="//penalty.jp/cdn/shop/t/8/assets/favicon.png?v=73003410778744966131722604317" type="image/png" /> <link rel="apple-touch-icon-precomposed" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_57x57.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_60x60.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_72x72.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_76x76.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_114x114.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_120x120.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_144x144.png?v=179131427480186880171722604317" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="//penalty.jp/cdn/shop/t/8/assets/icon-for-mobile_152x152.png?v=179131427480186880171722604317" /> <meta property="og:type" content="website"> <meta property="og:title" content="アカウント"> <meta property="og:image" content="http://penalty.jp/cdn/shop/t/8/assets/logo.png?2285"> <meta property="og:image:secure_url" content="https://penalty.jp/cdn/shop/t/8/assets/logo.png?2285"> <meta property="og:url" content="https://penalty.jp/account/login"> <meta property="og:site_name" content="PENALTY オンラインショップ"> <meta name="twitter:card" content="summary"> <!-- "snippets/weglot_hreftags.liquid" was not rendered, the associated app was uninstalled --> <!-- "snippets/weglot_switcher.liquid" was not rendered, the associated app was uninstalled --> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 67504898276,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "customers/login"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 67504898276,storefrontBaseUrl: "https://penalty.jp",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"453935332","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-KV6X14JJY8\\\",\\\"GT-WVG7R8DJ\\\"],\\\"target_country\\\":\\\"JP\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-KV6X14JJY8\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-KV6X14JJY8\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-KV6X14JJY8\\\",\\\"MC-YY4K7K9VL1\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-KV6X14JJY8\\\",\\\"MC-YY4K7K9VL1\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-KV6X14JJY8\\\",\\\"MC-YY4K7K9VL1\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-KV6X14JJY8\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-KV6X14JJY8\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"4dfb9bba78bcc1d3298173fc750a772c","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"205258980","configuration":"{\"pixel_id\":\"1004082941301947\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"PENALTY オンラインショップ","paymentSettings":{"currencyCode":"JPY"},"myshopifyDomain":"xn-eckd2d0b0hpftc8718f.myshopify.com","countryCode":"JP","storefrontUrl":"https://penalty.jp"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://penalty.jp/cdn","fa791c4bw657adcc2p48d8cf20m74e06eb8",{"modern":"","legacy":""},{"shopId":"67504898276","storefrontBaseUrl":"https://penalty.jp","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fa791c4bw657adcc2p48d8cf20m74e06eb8"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'JPY'; var meta = {"page":{}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 67504898276, theme_id: 141816922340, app_name: "storefront", context_url: window.location.href, source_url: "//penalty.jp/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//penalty.jp/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//penalty.jp/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":67504898276,"isMerchantRequest":null,"themeId":141816922340,"themeCityHash":"17245954017428172662","contentLanguage":"ja","currency":"JPY"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//penalty.jp/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://penalty.jp/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="67504898276" data-render-region="gcp-us-central1" data-page-type="customers/login" data-theme-instance-id="141816922340" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class=" preload push_filter_left js_overhidden relative" style="background: #ffffff;"> <div class="wrap"> <div class="contentbody"> <div class="d-none d-md-block promo_topbar relative text-center lazyload" data-bg="//penalty.jp/cdn/shop/files/header.jpg?v=1722605287" > <div class=" relative"> <span class="promo_topbar_text" style="color:#ffffff">¥11,000円(税込) 以上のお買い上げで送料無料</span> <a href="/collections/all" class="btn_promo">今すぐ購入</a> <a href="#" class="absolute inline-block close_promo_topbar"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12" enable-background="new 0 0 12 12" xml:space="preserve" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.437,12c-0.014-0.017-0.026-0.035-0.042-0.051 c-1.78-1.78-3.562-3.561-5.342-5.342c-0.016-0.016-0.028-0.034-0.07-0.064c-0.01,0.02-0.016,0.045-0.031,0.06 c-1.783,1.784-3.566,3.567-5.35,5.352C0.587,11.968,0.576,11.984,0.563,12c-0.004,0-0.008,0-0.013,0 C0.367,11.816,0.184,11.633,0,11.449c0-0.004,0-0.009,0-0.013c0.017-0.014,0.035-0.026,0.051-0.041 c1.781-1.781,3.562-3.562,5.342-5.342c0.017-0.016,0.036-0.027,0.06-0.044c-0.025-0.026-0.04-0.043-0.056-0.058 C3.613,4.168,1.83,2.385,0.046,0.601C0.032,0.587,0.016,0.576,0,0.563c0-0.004,0-0.008,0-0.013C0.184,0.367,0.367,0.184,0.551,0 c0.004,0,0.008,0,0.013,0C0.578,0.017,0.59,0.035,0.606,0.05c1.78,1.781,3.561,3.562,5.341,5.342 c0.016,0.016,0.027,0.035,0.045,0.059c0.025-0.024,0.041-0.039,0.057-0.054c1.783-1.784,3.566-3.567,5.35-5.351 C11.413,0.032,11.424,0.016,11.437,0c0.004,0,0.009,0,0.013,0C11.633,0.184,11.816,0.367,12,0.551c0,0.004,0,0.008,0,0.013 c-0.017,0.014-0.035,0.027-0.051,0.042c-1.78,1.78-3.561,3.561-5.342,5.341c-0.016,0.016-0.035,0.026-0.054,0.04 c-0.004,0.01-0.007,0.021-0.011,0.03c0.021,0.01,0.045,0.017,0.06,0.031c1.784,1.783,3.567,3.566,5.352,5.35 c0.014,0.014,0.03,0.025,0.046,0.038c0,0.004,0,0.009,0,0.013c-0.184,0.184-0.367,0.367-0.551,0.551C11.445,12,11.44,12,11.437,12z" /> </svg> </a> </div> </div> <div id="shopify-section-header" class="shopify-section index-section"><!-- /sections/header.liquid --> <header id="header" class="otherpage header-v1-h1 js_height_hd jsheader_sticky d-none d-xl-block "> <div class="container container-v1"> <div class="row align-items-center"> <div class="col-lg-2"> <div class="logo"> <div class="center logo delay05"> <a href="https://penalty.jp"> <img src="//penalty.jp/cdn/shop/files/logoblack.png?v=1708921466" width="200" alt="PENALTY オンラインショップ"> </a> </div> </div> </div> <div class="col-lg-8 d-flex justify-content-center"> <div class="menu right"> <nav class="navbar navbar-expand-lg navbar-light p-0 text-center justify-content-between"> <div class="collapse navbar-collapse justify-content-center"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a href="/collections/2025-spring-summer" title="NEW" class="delay03 relative menu_lv1 nav-link">NEW</a> </li> <li class="nav-item dropdown"> <a href="#" title="CATEGORY" class="delay03 nav-link menu_lv1 ">CATEGORY</a> <div class="dropdown-menu list-woman page show"> <div class="list-clothing"> <ul class="mb-0 list-unstyled"> <li class="px-3"> <a href="/collections/2025-spring-summer" title="2025 Spring/Summer" class=" relative menu_lv1 ">2025 Spring/Summer</a> </li> <li class="px-3"> <a href="/collections/2024-fall-winter" title="2024 Fall/Winter" class=" relative menu_lv1 ">2024 Fall/Winter</a> </li> <li class="px-3"> <a href="/collections/2024-spring-summer" title="2024 Spring/Summer" class=" relative menu_lv1 ">2024 Spring/Summer</a> </li> <li class="px-3"> <a href="/collections/pro" title="PRO" class=" relative menu_lv1 ">PRO</a> </li> <li class="px-3"> <a href="/collections/raiz" title="RAIZ" class=" relative menu_lv1 ">RAIZ</a> </li> <li class="px-3"> <a href="/collections/tour" title="TOUR" class=" relative menu_lv1 ">TOUR</a> </li> <li class="px-3"> <a href="/collections/heritage" title="HERITAGE" class=" relative menu_lv1 ">HERITAGE</a> </li> <li class="px-3"> <a href="/collections/category-footwear" title="FOOTWEAR" class=" relative menu_lv1 ">FOOTWEAR</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="#" title="ITEM" class="delay03 nav-link menu_lv1 ">ITEM</a> <div class="dropdown-menu list-woman page show"> <div class="list-clothing"> <ul class="mb-0 list-unstyled"> <li class="px-3"> <a href="/collections/practice" title="ゲームシャツ/プラシャツ/パンツ" class=" relative menu_lv1 ">ゲームシャツ/プラシャツ/パンツ</a> </li> <li class="px-3"> <a href="/collections/jersey" title="ジャージ トップス/パンツ" class=" relative menu_lv1 ">ジャージ トップス/パンツ</a> </li> <li class="px-3"> <a href="/collections/piste" title="ピステ トップス/パンツ" class=" relative menu_lv1 ">ピステ トップス/パンツ</a> </li> <li class="px-3"> <a href="/collections/sweat" title="スウェット トップス/パンツ" class=" relative menu_lv1 ">スウェット トップス/パンツ</a> </li> <li class="px-3"> <a href="/collections/outer" title="アウター・コート・カジュアル" class=" relative menu_lv1 ">アウター・コート・カジュアル</a> </li> <li class="px-3"> <a href="/collections/tops" title="トップス" class=" relative menu_lv1 ">トップス</a> </li> <li class="px-3"> <a href="/collections/pants" title="パンツ" class=" relative menu_lv1 ">パンツ</a> </li> <li class="px-3"> <a href="/collections/socks" title="ソックス" class=" relative menu_lv1 ">ソックス</a> </li> <li class="px-3"> <a href="/collections/referee" title="レフェリー" class=" relative menu_lv1 ">レフェリー</a> </li> <li class="px-3"> <a href="/collections/bag" title="バッグ" class=" relative menu_lv1 ">バッグ</a> </li> <li class="px-3"> <a href="/collections/ball" title="ボール" class=" relative menu_lv1 ">ボール</a> </li> <li class="px-3"> <a href="/collections/equipment" title="エキップメント/アクセサリー" class=" relative menu_lv1 ">エキップメント/アクセサリー</a> </li> <li class="px-3"> <a href="/collections/footwear" title="フットウェア" class=" relative menu_lv1 ">フットウェア</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="#" title="ASSOCIATIONS" class="delay03 nav-link menu_lv1 ">ASSOCIATIONS</a> <div class="dropdown-menu list-woman page show"> <div class="list-clothing"> <ul class="mb-0 list-unstyled"> <li class="px-3"> <a href="/pages/schools" title="SCHOOL" class=" relative menu_lv1 ">SCHOOL</a> </li> <li class="px-3"> <a href="/pages/club" title="CLUB" class=" relative menu_lv1 ">CLUB</a> </li> <li class="px-3"> <a href="/pages/association" title="ASSOCIATION" class=" relative menu_lv1 ">ASSOCIATION</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown"> <a href="/pages/about" title="ABOUT" class="delay03 relative menu_lv1 nav-link">ABOUT</a> </li> <li class="nav-item dropdown"> <a href="/pages/guide" title="GUIDE" class="delay03 relative menu_lv1 nav-link">GUIDE</a> </li> </ul> </div> </nav> </div> </div> <div class="col-lg-2 currencies-login"> <div class="cart-login-search align-items-center"> <ul class="list-inline list-unstyled mb-0"> <li class="list-inline-item mr-0"> <a href="javascript:void(0)" class="search js-search-destop"> <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1312.7,795.5 c -472.7,0 -857.204,384.3 -857.204,856.7 0,472.7 384.504,857.2 857.204,857.2 472.7,0 857.3,-384.5 857.3,-857.2 0,-472.4 -384.6,-856.7 -857.3,-856.7 z M 2783.9,352.699 2172.7,963.898 c 155.8,194.702 241.5,438.602 241.5,688.302 0,607.3 -494.1,1101.4 -1101.5,1101.4 -607.302,0 -1101.399,-494.1 -1101.399,-1101.4 0,-607.4 494.097,-1101.501 1101.399,-1101.501 249.8,0 493.5,85.5 687.7,241 L 2611.7,181 c 23,-23 53.6,-35.699 86.1,-35.699 32.4,0 63,12.699 86,35.699 23.1,22.801 35.8,53.301 35.8,85.898 0,32.602 -12.7,63 -35.7,85.801"></path></g></g></svg> </a> </li> <li class="list-inline-item mr-0"> <a href="javascript:void(0)" class="login js-call-popup-login"> <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1506.87,2587.11 c -225.04,0 -408.14,-183.08 -408.14,-408.11 0,-225.06 183.1,-408.13 408.14,-408.13 225.02,0 408.13,183.07 408.13,408.13 0,225.03 -183.11,408.11 -408.13,408.11 z m 0,-1038.56 c -347.64,0 -630.432,282.79 -630.432,630.45 0,347.63 282.792,630.43 630.432,630.43 347.63,0 630.42,-282.8 630.42,-630.43 0,-347.66 -282.79,-630.45 -630.42,-630.45 v 0"></path><path id="path16" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 399.648,361.789 H 2614.07 c -25.06,261.531 -139.49,503.461 -327.47,689.831 -124.25,123.14 -300.78,193.96 -483.86,193.96 h -591.76 c -183.61,0 -359.601,-70.82 -483.863,-193.96 C 539.148,865.25 424.719,623.32 399.648,361.789 Z M 2730.69,139.461 H 283.035 c -61.558,0 -111.16,49.59 -111.16,111.16 0,363.438 141.68,704 398.32,959.019 165.657,164.55 399.414,258.82 640.785,258.82 h 591.76 c 241.94,0 475.14,-94.27 640.8,-258.82 256.63,-255.019 398.31,-595.581 398.31,-959.019 0,-61.57 -49.59,-111.16 -111.16,-111.16 v 0"></path></g></g></svg> </a> </li> <!-- <li class="list-inline-item mr-0"> <a href="/pages/wishlist" class=""> <i class=""></i> </a> </li> --> <li class="list-inline-item mr-0"> <a href="javascript:void(0)" class="cart js-call-minicart"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 297.78668 398.66666" height="398.66666" width="297.78668" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,398.66667)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 2233.36,2432.71 H 0 V 0 h 2233.36 v 2432.71 z m -220,-220 V 220 H 220.004 V 2212.71 H 2021.36"></path><path xmlns="http://www.w3.org/2000/svg" id="path16" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1116.68,2990 v 0 C 755.461,2990 462.637,2697.18 462.637,2335.96 V 2216.92 H 1770.71 v 119.04 c 0,361.22 -292.82,654.04 -654.03,654.04 z m 0,-220 c 204.58,0 376.55,-142.29 422.19,-333.08 H 694.492 C 740.117,2627.71 912.102,2770 1116.68,2770"></path><path xmlns="http://www.w3.org/2000/svg" id="path18" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 1554.82,1888.17 H 678.543 v 169.54 h 876.277 v -169.54"></path></g></g></svg> <span class="js-number-cart number-cart "></span> </a> </li> </ul> </div> <div class="clearfix"></div> </div> </div> </div> </header> <script> jQuery(document).ready(function($) { function hexToRgb(hex) { var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16), g: parseInt(result[2], 16), b: parseInt(result[3], 16) } : null; } var r = (hexToRgb("#ffffff").r); var g = (hexToRgb("#ffffff").g); var b = (hexToRgb("#ffffff").b) $('.header-v1-h1').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',1)'}); function menudestopscroll1() { var $nav = $(".jsheader_sticky"); $nav.removeClass('menu_scroll_v1'); $(document).scroll(function() { $nav.toggleClass('menu_scroll_v1', $(this).scrollTop() > $nav.height()); var r = (hexToRgb("#ffffff").r); var g = (hexToRgb("#ffffff").g); var b = (hexToRgb("#ffffff").b) $('.header-v1-h1.menu_scroll_v1').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',1)'}); }); } menudestopscroll1(); }); </script> <style> #header .menu ul li .nav-link{ color: #343434; } #header .currencies-login .cart-login-search ul li a svg{ fill : #343434; } #header .currencies-login .cart-login-search ul li a i{ color : #343434; } #header .currencies-login .cart-login-search ul li a svg{ fill : #343434; } #header .currencies-login .cart-login-search ul li .cart .number-cart{ color : #343434; } </style> <style> #shopify-section-header #header {padding: 30px 0;} </style></div> <!-- HEADING HIDDEN SEO --> <div class="search-full-destop"> <div class="search-eveland js-box-search"> <div class="drawer-search-top"> <h3 class="drawer-search-title">入力を開始してEnterキーを押します</h3> </div> <form class="wg-search-form" action="/search"> <input type="hidden" name="type" value="product"> <input type="text" name="q" placeholder="Search anything" class="search-input js_engo_autocomplate"> <button type="submit" class="set-20-svg"> <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1312.7,795.5 c -472.7,0 -857.204,384.3 -857.204,856.7 0,472.7 384.504,857.2 857.204,857.2 472.7,0 857.3,-384.5 857.3,-857.2 0,-472.4 -384.6,-856.7 -857.3,-856.7 z M 2783.9,352.699 2172.7,963.898 c 155.8,194.702 241.5,438.602 241.5,688.302 0,607.3 -494.1,1101.4 -1101.5,1101.4 -607.302,0 -1101.399,-494.1 -1101.399,-1101.4 0,-607.4 494.097,-1101.501 1101.399,-1101.501 249.8,0 493.5,85.5 687.7,241 L 2611.7,181 c 23,-23 53.6,-35.699 86.1,-35.699 32.4,0 63,12.699 86,35.699 23.1,22.801 35.8,53.301 35.8,85.898 0,32.602 -12.7,63 -35.7,85.801"></path></g></g></svg> </button> </form> <div class="drawer_back"> <a href="javascript:void(0)" class="close-search js-drawer-close set-16-svg"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> <g> <g> <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "></polygon> </g> </g> </svg> </a> </div> <div class="result_prod js_productSearchResults"> <div class="js_search_results row"> </div> </div> </div> <div class="bg_search_box"> </div> </div> <div class="js-minicart minicart" > <div class="relative" style="height: 100%;"> <div class="mini-content "> <div class="mini-cart-head"> <a href="javascript:void(0)" class="mini-cart-undo close-mini-cart"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> <g> <g> <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "/> </g> </g> </svg> </a> <h3 class="title">ショッピングカート</h3> <div class="mini-cart-counter"><span class="cart-counter enj-cartcount">0</span></div> </div> <div class="mini-cart-bottom enj-minicart-ajax"> <div class="list_product_minicart empty"> <div class="empty-product_minicart"> <p class="mb-0">ショッピングバッグは空です</p> <a href="/collections/all" class="to-cart">ショップに行く</a> </div> </div> </div> </div> </div> </div> <div class="js-bg bg-minicart"></div> <div class="menu_moblie d-flex d-xl-none jsmenumobile align-items-center "> <a href="javascript:void(0)" title="" class="menuleft"> <span class="iconmenu"> <span></span> <span></span> <span></span> </span> </a> <div class="logo_menumoblie"> <a href="https://penalty.jp"> <img src="//penalty.jp/cdn/shop/files/logoblack.png?v=1708921466" width="100" alt="logo"> </a> </div> <div class="menuright"> <span class="pr-3 js-search-destop"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1312.7,795.5 c -472.7,0 -857.204,384.3 -857.204,856.7 0,472.7 384.504,857.2 857.204,857.2 472.7,0 857.3,-384.5 857.3,-857.2 0,-472.4 -384.6,-856.7 -857.3,-856.7 z M 2783.9,352.699 2172.7,963.898 c 155.8,194.702 241.5,438.602 241.5,688.302 0,607.3 -494.1,1101.4 -1101.5,1101.4 -607.302,0 -1101.399,-494.1 -1101.399,-1101.4 0,-607.4 494.097,-1101.501 1101.399,-1101.501 249.8,0 493.5,85.5 687.7,241 L 2611.7,181 c 23,-23 53.6,-35.699 86.1,-35.699 32.4,0 63,12.699 86,35.699 23.1,22.801 35.8,53.301 35.8,85.898 0,32.602 -12.7,63 -35.7,85.801"></path></g></g></svg></span> <a href="javascript:void(0)" title="" class="js-call-minicart"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 2565.21,2412.71 H 450.992 V 0 H 2565.21 V 2412.71 Z M 2366.79,2214.29 V 198.43 H 649.418 V 2214.29 H 2366.79"></path><path id="path16" style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1508.11,2990 h -0.01 c -361.22,0 -654.037,-292.82 -654.037,-654.04 V 2216.92 H 2162.14 v 119.04 c 0,361.22 -292.82,654.04 -654.03,654.04 z m 0,-198.43 c 224.16,0 411.02,-162.7 448.69,-376.23 h -897.39 c 37.66,213.53 224.53,376.23 448.7,376.23"></path><path id="path18" style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1946.24,1868.17 h -876.27 v 169.54 h 876.27 v -169.54"></path></g></g></svg> <span class="count_pr_incart enj-cartcount">0</span> </a> </div> </div> <div class="box_contentmenu_background"> </div> <div class="box_contentmenu"> <div class="tab_content_menu_mobile"> <ul class="nav nav-tabs toptab_box_content list-unstyled mb-0" role="tablist"> <li class="toptab_li"> <a class="tab_navar active" href="#tab_menu_mobile" role="tab" data-toggle="tab"> <span class="tab-menu-icon"> <span></span> <span></span> <span></span> </span> <span class="ml-3">メニュー</span> </a> </li> <li class="toptab_li"> <a class="tab_navar_right" href="#tab_account_mobile" role="tab" data-toggle="tab"> <span class=""><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1506.87,2587.11 c -225.04,0 -408.14,-183.08 -408.14,-408.11 0,-225.06 183.1,-408.13 408.14,-408.13 225.02,0 408.13,183.07 408.13,408.13 0,225.03 -183.11,408.11 -408.13,408.11 z m 0,-1038.56 c -347.64,0 -630.432,282.79 -630.432,630.45 0,347.63 282.792,630.43 630.432,630.43 347.63,0 630.42,-282.8 630.42,-630.43 0,-347.66 -282.79,-630.45 -630.42,-630.45 v 0"></path><path id="path16" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 399.648,361.789 H 2614.07 c -25.06,261.531 -139.49,503.461 -327.47,689.831 -124.25,123.14 -300.78,193.96 -483.86,193.96 h -591.76 c -183.61,0 -359.601,-70.82 -483.863,-193.96 C 539.148,865.25 424.719,623.32 399.648,361.789 Z M 2730.69,139.461 H 283.035 c -61.558,0 -111.16,49.59 -111.16,111.16 0,363.438 141.68,704 398.32,959.019 165.657,164.55 399.414,258.82 640.785,258.82 h 591.76 c 241.94,0 475.14,-94.27 640.8,-258.82 256.63,-255.019 398.31,-595.581 398.31,-959.019 0,-61.57 -49.59,-111.16 -111.16,-111.16 v 0"></path></g></g></svg></span> <span class="ml-2"> ログイン</span> </a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane show in active tab_children_menu" id="tab_menu_mobile"> <div class="menu-horizon-list "> <a href="/collections/2025-spring-summer" title="NEW" class="nammenu w-100 menu_lv1 "><span>NEW</span></a> </div> <div class="menu-horizon-list"> <a href="#" title="CATEGORY" class="relative nammenu ">CATEGORY</a> <a data-check="c1" class="toggle-menumobile js_icon_horizon-menu"> <i class=" fa fa-angle-right"></i> </a> <div class="c1 menu_lv2" > <a href="javascript:void(0)" title="CATEGORY" class="js-back back-to"> CATEGORY <i class="fa fa-angle-right pl-2 "></i> </a> <h2 class="title_menu_mb title_only_one"><a href="/collections/2025-spring-summer">2025 Spring/Summer</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/2024-fall-winter">2024 Fall/Winter</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/2024-spring-summer">2024 Spring/Summer</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/pro">PRO</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/raiz">RAIZ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/tour">TOUR</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/heritage">HERITAGE</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/category-footwear">FOOTWEAR</a></h2> </div> </div> <div class="menu-horizon-list"> <a href="#" title="ITEM" class="relative nammenu ">ITEM</a> <a data-check="c2" class="toggle-menumobile js_icon_horizon-menu"> <i class=" fa fa-angle-right"></i> </a> <div class="c2 menu_lv2" > <a href="javascript:void(0)" title="ITEM" class="js-back back-to"> ITEM <i class="fa fa-angle-right pl-2 "></i> </a> <h2 class="title_menu_mb title_only_one"><a href="/collections/practice">ゲームシャツ/プラシャツ/パンツ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/jersey">ジャージ トップス/パンツ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/piste">ピステ トップス/パンツ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/sweat">スウェット トップス/パンツ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/outer">アウター・コート・カジュアル</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/tops">トップス</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/pants">パンツ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/socks">ソックス</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/referee">レフェリー</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/bag">バッグ</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/ball">ボール</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/equipment">エキップメント/アクセサリー</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/collections/footwear">フットウェア</a></h2> </div> </div> <div class="menu-horizon-list"> <a href="#" title="ASSOCIATIONS" class="relative nammenu ">ASSOCIATIONS</a> <a data-check="c3" class="toggle-menumobile js_icon_horizon-menu"> <i class=" fa fa-angle-right"></i> </a> <div class="c3 menu_lv2" > <a href="javascript:void(0)" title="ASSOCIATIONS" class="js-back back-to"> ASSOCIATIONS <i class="fa fa-angle-right pl-2 "></i> </a> <h2 class="title_menu_mb title_only_one"><a href="/pages/schools">SCHOOL</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/pages/club">CLUB</a></h2> <h2 class="title_menu_mb title_only_one"><a href="/pages/association">ASSOCIATION</a></h2> </div> </div> </div> <!-- tab account login-regester--> <div role="tabpanel" class="tab-pane fade" id="tab_account_mobile"> <div class="overlay_login-content"> <div class="row justify-content-center box_content_accountdestop text-center"> <div class="formlogin"> <div class="login_primary CustomerLoginForm"> <div class="login-icon"> <span class="icon-icon-user"></span> </div> <div class="mailrrr mt-3"> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group"> <input type="email" class="form-control" name="customer[email]" placeholder="メールアドレス" required> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="パスワード" name="customer[password]" required> </div> <div class="form-check"> <a href="#recover" class="RecoverPassword">パスワードをお忘れですか?</a> </div> <button type="submit" class="btn btn-dark w-100" value="ログイン"> ログイン </button> </form> </div> <div class="or_creat my-3"> <span>または</span> <div><a href="javascript:void(0)" class="jsCreate_account">今すぐ登録</a></div> </div> </div> <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> <div class="RecoverPasswordForm" style="display: none;"> <div class="block-login"> <span> <i class="ti-reload"></i> </span> <h2 class="title24 text-center title-form-account">パスワードのリセット</h2> <div class="form-group row"> <div class="col-sm-12"> <input type="email" class="form-control" placeholder="メールアドレス" name="customer[email]" required> </div> </div> <div class="text-center mt-3"> <input type="submit" class="register-button" value="送信"> </div> <div class="table-custom create-account"> <div class="text-center mt-4"> <a class="HideRecoverPasswordLink" style="cursor: pointer;" class="color">キャンセル</a> </div> </div> </div> </div> </form> </div> <div class="form_register"> <div class="login_primary"> <div class="login-icon register-icon"> <span class="ti-pencil-alt"> </span> </div> <span class="title_resgister">登録</span> <div class="mailrrr mt-3"> <form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group"> <input type="email" placeholder="メールアドレス" class="form-control" name="customer[email]" required> </div> <div class="form-group"> <input type="password" class="form-control" name="customer[password]" placeholder="パスワード" required> </div> <button type="submit" class="btn btn-dark w-100" value="登録"> 登録 </button> </form> </div> <div class="or_creat my-3"> <span>または</span> <div><a href="javascript:void(0)" class="jsBack_login">ログインに戻る <i class="ml-3 ti-arrow-right"></i></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="close-menu-mobile text-center js-eveland-close"> Close </div> </div> </div> <div class="poup-login-destop js-poup-login-destop d-none d-xl-block"> <div class="overlay_login-content"> <div class="row justify-content-center box_content_accountdestop text-center"> <div class="formlogin-destop"> <div class="login_primary CustomerLoginForm"> <div class="login-icon-popup-login"> <a href="https://penalty.jp"> <img src="//penalty.jp/cdn/shop/files/logoblack.png?v=1708921466" width="100" alt="PENALTY オンラインショップ"> </a> </div> <h2 class="title-tab-login">お帰りなさい!</h2> <div class="mailrrr mt-3"> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group"> <input type="email" class="form-control" name="customer[email]" placeholder="メールアドレス" required> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="パスワード" name="customer[password]" required> </div> <div class="form-check"> <a href="#recover" class="RecoverPassword">パスワードをお忘れですか?</a> </div> <button type="submit" class="btn btn-dark w-100" value="ログイン"> ログイン </button> </form> </div> <div class="or_creat my-3"> <div class="box-register"><span class="or-register mr-2">アカウントをお持ちでないですか?</span><a href="javascript:void(0)" class="jsCreate_account">今すぐ登録 <i class="ml-2 ti-arrow-right"></i></a></div> </div> </div> <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> <div class="RecoverPasswordForm" style="display: none;"> <div class="block-login"> <span class="login-icon"> <i class="ti-reload"></i> </span> <h2 class="title_resgister title24 text-center title-form-account">パスワードのリセット</h2> <div class="form-group mb-0 row"> <div class="col-sm-12"> <input type="email" class="form-control" placeholder="メールアドレス" name="customer[email]" required> </div> </div> <div class="text-center"> <input type="submit" class="btn register-button" value="送信"> </div> <div class="table-custom create-account"> <div class="box-register text-center mt-4"> <a class="HideRecoverPasswordLink" style="cursor: pointer;" class="color">キャンセル</a> </div> </div> </div> </div> </form> </div> <div class="form_register-destop"> <div class="login_primary"> <div class="login-icon register-icon"> <span class="ti-pencil-alt"> </span> </div> <span class="title_resgister">登録</span> <div class="mailrrr mt-3"> <form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group"> <input type="email" placeholder="メールアドレス" class="form-control" name="customer[email]" required> </div> <div class="form-group"> <input type="password" class="form-control" name="customer[password]" placeholder="パスワード" required> </div> <button type="submit" class="btn btn-dark w-100" value="登録"> 登録 </button> </form> </div> <div class="or_creat my-3"> <div class="box-register"><a href="javascript:void(0)" class="jsBack_login">ログインに戻る <i class="ml-3 ti-arrow-right"></i></a></div> </div> </div> </div> </div> <a href="javascript:void(0)" class="eveland-close-login js-eveland-close-login set-16-svg fill-white"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> <g> <g> <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "></polygon> </g> </g> </svg></a> </div> </div> <div class="bg-login-popup js-bg-login-popup"> </div> <div class="login_regester"> <div class="container container-v2"> <div class="row justify-content-between"> <div class="col-lg-5 login"> <div class="CustomerLoginForm"> <h1 class="mb-0 title_login text-center"><i class="mr-3 ti-user"></i>ログイン</h1> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group row"> <label for="staticEmail" class="col-sm-3 col-form-label">メールアドレス </label> <div class="col-sm-9"> <input type="email" class="form-control" name="customer[email]" placeholder="メールアドレス" required> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-3 col-form-label">パスワード </label> <div class="col-sm-9"> <input type="password" class="form-control" placeholder="パスワード" name="customer[password]" required> </div> </div> <div class="text-center mt-5"> <button class="btn btn-dark" value="ログイン"> ログイン </button> </div> <div class="forgot_pass_form mt-4 d-flex justify-content-center"> <div class="leftx pr-4 "> <a href="/collections/all">店舗に戻る</a> </div> <div class="rightx"> <a href="#recover" class="RecoverPassword" >パスワードをお忘れですか?</a> </div> </div> </div> </form> <form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /> <div class="RecoverPasswordForm" style="display: none;"> <div class="block-login"> <h2 class="title24 text-center title-form-account"><i class="mr-3 ti-reload"></i>パスワードのリセット</h2> <div class="form-group row"> <label class="col-sm-3">メールアドレス</label> <div class="col-sm-9"> <input type="email" class="form-control" placeholder="メールアドレス" name="customer[email]" required> </div> </div> <div class="text-center mt-5"> <input type="submit" class="register-button" value="送信"> </div> <div class="table-custom create-account"> <div class="text-center mt-4"> <a class="HideRecoverPasswordLink" style="cursor: pointer;" class="color">キャンセル</a> </div> </div> </div> </div> </form> </div> <div class="col-lg-1"></div> <div class="col-lg-5 register"> <h1 class="mb-0 title_login text-center"><i class="mr-3 ti-pencil-alt"></i>登録</h1> <form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /> <div class="form-group row"> <label for="staticEmail" class="col-sm-3 col-form-label">メールアドレス</label> <div class="col-sm-9"> <input type="email" placeholder="メールアドレス" class="form-control" name="customer[email]" required> </div> </div> <div class="form-group row"> <label for="inputPassword" class="col-sm-3 col-form-label">パスワード</label> <div class="col-sm-9"> <input type="password" class="form-control" name="customer[password]" placeholder="パスワード" required> </div> </div> <div class="text-center mt-5"> <button class="btn btn-dark" value="登録"> 登録 </button> </div> </form> <div class="forgot_pass mt-4 text-center"> <a href="/collections/all">店舗に戻る</a> </div> </div> </div> </div> </div><script data-locksmith> var load = function () { if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { Locksmith.ping(); } Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { event.preventDefault(); var data = Locksmith.util.serializeForm(event.target); Locksmith.postResource(data, { spinner: false, container: 'locksmith-content' }); }); Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { event.preventDefault(); Locksmith.postResource({}, { spinner: true, container: document }); }); Locksmith.submitPasscode = function (passcode) { Locksmith.postResource( { passcode: passcode }, { spinner: false, container: 'locksmith-content' } ); }; }; if (typeof Locksmith !== 'undefined') { load(); } else { window.addEventListener('load', load); } </script> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--17874719834340__footer_logo_bd8Ach" class="shopify-section shopify-section-group-footer-group"><div class="footer-section"> <div class="footer-container"><div class="footer-logo"> <img src="//penalty.jp/cdn/shop/files/logowhite.png?crop=center&height=49&v=1708921466&width=246" alt="" class="logo-image" width="246.58" height="49.5" loading="eager" > </div><div class="footer-head"> <div class="footer-onlineshop">オンラインショップ</div> <div class="footer-tel"> 〒103-0011 東京都中央区日本橋大伝馬町9-4 山城ビル4階<br>カスタマーサポート受付時間 10:00~16:30<br> TEL:03-6661-2253(土・日・祝祭日を除く)<br>メールアドレス:win-onlineshop@penalty.co.jp </div> </div> </div> </div> <style data-shopify>.footer-section { background-color: #2b2b2b; color: #fff; padding: 20px; } .footer-container { max-width: 1100px; margin: 0 auto; } .footer-logo { text-align: left; margin-bottom: 30px; margin-top: 30px; } .logo-image { max-width: 100%; height: auto; } .footer-head { display: flex; justify-content: space-between; align-items: baseline; } .footer-onlineshop, .footer-tel { margin: 0; } .footer-onlineshop { font-family: "Hiragino Sans"; font-weight: normal; font-size: 20px; text-align: left; color: #fff; } .footer-tel { font-family: "Hiragino Sans"; font-weight: normal; font-size: 14px; text-align: left; color: #fff; margin-right: 50px; } @media screen and (max-width: 749px) { .footer-head { display: block; } .footer-container { width: 80%; margin: 0 auto; } .footer-section { padding: 20px 0px; } .footer-tel { margin-right: 0px; font-size: 12px; } .footer-onlineshop { font-size: 14px; margin-bottom: 20px; } }</style></div><div id="shopify-section-sections--17874719834340__footer_menu_6BHtrw" class="shopify-section shopify-section-group-footer-group"> <div class="footer-menu"> <div class="footer-menu-container"> <!-- NEW Section --> <div class="footer-new"> <div class="footer-new-title"> NEW <button class="toggle-button" onclick="toggleSection('footer-new-content')" style="transform: rotate(-90deg);">〉</button> </div> <div id="footer-new-content" class="footer-new-content" style="display: block;"><div class="footer-new-child"> <a href="/collections/2025-spring-summer" class="footer-new-link"> 2025 Spring/Summer </a> </div></div> </div> <!-- CATEGORY Section --> <div class="footer-category"> <div class="footer-category-title"> CATEGORY <button class="toggle-button" onclick="toggleSection('footer-category-content')" style="transform: rotate(-90deg);">〉</button> </div> <div id="footer-category-content" class="footer-category-content" style="display: block;"><div class="footer-category-child"> <a href="/collections/2025-spring-summer" class="footer-category-link"> 2025 Spring/Summer </a> </div><div class="footer-category-child"> <a href="/collections/pro" class="footer-category-link"> PRO </a> </div><div class="footer-category-child"> <a href="/collections/raiz" class="footer-category-link"> RAIZ </a> </div><div class="footer-category-child"> <a href="/collections/tour" class="footer-category-link"> TOUR </a> </div><div class="footer-category-child"> <a href="/collections/heritage" class="footer-category-link"> HERITAGE </a> </div><div class="footer-category-child"> <a href="/collections/category-footwear" class="footer-category-link"> FOOTWEAR </a> </div></div> </div> <!-- ITEM Section --> <div class="footer-item"> <div class="footer-item-title"> ITEM <button class="toggle-button" onclick="toggleSection('footer-item-content')" style="transform: rotate(-90deg);">〉</button> </div> <div id="footer-item-content" class="footer-item-content" style="display: block;"><div class="footer-item-child"> <a href="/collections/practice" class="footer-item-link"> ゲームシャツ / プラシャツ / パンツ </a> </div><div class="footer-item-child"> <a href="/collections/jersey" class="footer-item-link"> ジャージ トップス/パンツ </a> </div><div class="footer-item-child"> <a href="/collections/piste" class="footer-item-link"> ピステ トップス/パンツ </a> </div><div class="footer-item-child"> <a href="/collections/sweat" class="footer-item-link"> スウェット トップス/パンツ </a> </div><div class="footer-item-child"> <a href="/collections/outer" class="footer-item-link"> アウター・コート・カジュアル </a> </div><div class="footer-item-child"> <a href="/collections/tops" class="footer-item-link"> トップス </a> </div><div class="footer-item-child"> <a href="/collections/pants" class="footer-item-link"> パンツ </a> </div><div class="footer-item-child"> <a href="/collections/socks" class="footer-item-link"> ソックス </a> </div><div class="footer-item-child"> <a href="/collections/referee" class="footer-item-link"> レフェリー </a> </div><div class="footer-item-child"> <a href="/collections/bag" class="footer-item-link"> バッグ </a> </div><div class="footer-item-child"> <a href="/collections/ball" class="footer-item-link"> ボール </a> </div><div class="footer-item-child"> <a href="/collections/equipment" class="footer-item-link"> エキップメント/アクセサリー </a> </div><div class="footer-item-child"> <a href="/collections/footwear" class="footer-item-link"> フットウェア </a> </div></div> </div> <!-- SALE Section --> <div class="footer-sale"> <div class="footer-sale-title"></div> <div class="footer-about-guide"><div class="footer-about-child"> <a href="/pages/about" class="footer-about-link"> ABOUT </a> </div><div class="footer-guide-child"> <a href="/pages/guide" class="footer-guide-link"> GUIDE </a> </div><div class="footer-guide-child"> <a href="/pages/schools" class="footer-guide-link"> SCHOOL </a> </div></div> </div> </div> </div> <script> function toggleSection(contentId) { var content = document.getElementById(contentId); if (content.style.display === "none" || content.style.display === "") { content.style.display = "block"; // ボタンを下向きにする(90度回転) content.previousElementSibling.getElementsByTagName('button')[0].style.transform = "rotate(-90deg)"; } else { content.style.display = "none"; // ボタンを上向きにする(-90度回転) content.previousElementSibling.getElementsByTagName('button')[0].style.transform = "rotate(90deg)"; } } document.addEventListener('DOMContentLoaded', function() { // ビューポートの幅をチェック if (window.innerWidth <= 749) { // 各セクションのコンテンツを非表示に設定 var sections = ['footer-new-content', 'footer-category-content', 'footer-item-content']; sections.forEach(function(sectionId) { var section = document.getElementById(sectionId); if (section) { section.style.display = 'none'; // トグルボタンの向きを上向きに設定 var button = section.previousElementSibling.getElementsByTagName('button')[0]; if (button) { button.style.transform = "rotate(90deg)"; } } }); } }); function toggleSection(contentId) { var content = document.getElementById(contentId); if (content.style.display === "none" || content.style.display === "") { content.style.display = "block"; // ボタンを下向きにする(90度回転) content.previousElementSibling.getElementsByTagName('button')[0].style.transform = "rotate(-90deg)"; } else { content.style.display = "none"; // ボタンを上向きにする(90度回転) content.previousElementSibling.getElementsByTagName('button')[0].style.transform = "rotate(90deg)"; } } </script> <style data-shopify>.footer-menu { background-color: #2b2b2b; } .footer-menu-container { max-width: 1100px; margin: 0 auto; display: flex; color: #fff; justify-content: space-between; padding-bottom: 40px; } .footer-new, .footer-category, .footer-item, .footer-sale { width: 23%; /* 4列のレイアウトを作成するための幅設定 */ display: flex; flex-direction: column; /* 子要素を縦方向に並べる */ } .footer-new-title, .footer-category-title, .footer-item-title, .footer-sale-child, .footer-about-child, .footer-guide-child { margin-bottom: 0; font-family: "Bebas Neue"; font-weight: normal; font-size: 23px; text-align: left; color: #fff; display: flex; justify-content: space-between; } .footer-sale-child { padding-bottom: 50px; } .footer-new-link, .footer-category-link, .footer-item-link, .footer-sale-link, .footer-about-link, .footer-guide-link { color: #fff; /* リンクのテキスト色を白に設定 */ text-decoration: none; /* 下線を消す */ display: block; /* リンクをブロック要素として扱い、マージンやパディングを適用しやすくする */ margin-bottom: 5px; /* リンク間の余白 */ } .footer-new-child, .footer-category-child, .footer-item-child { padding-left: 4px; font-family: "Hiragino Sans"; font-weight: normal; font-size: 14px; color: #b4b4b4; } .toggle-button { cursor: pointer; border: none; background: none; color: #fff; font-size: 16px; padding: 0; margin-left: 10px; display: none; } @media screen and (max-width: 749px) { .toggle-button { display: block; } .footer-menu-container { display: block; } .footer-new, .footer-category, .footer-item, .footer-sale { margin: 0 auto; width: 80%; } .footer-sale-child { padding-bottom: 0px; } } /* 749px以下のビューポート幅のためのスタイル */ @media screen and (max-width: 749px) { .footer-new-content, .footer-category-content, .footer-item-content { display: none; /* NEW、CATEGORY、ITEMセクションを非表示にします */ } .toggle-button { display: block; /* トグルボタンを表示します */ } } /* 750px以上のビューポート幅のためのスタイル */ @media screen and (min-width: 750px) { .footer-new-content, .footer-category-content, .footer-item-content { display: block; /* NEW、CATEGORY、ITEMセクションを表示します */ } .toggle-button { display: none; /* トグルボタンは必要ありません */ }</style><style> #shopify-section-sections--17874719834340__footer_menu_6BHtrw .footer-category-content > .footer-category-child:first-child a {color: #cbcbcb; position: relative; left: -0.5rem;} </style></div><div id="shopify-section-sections--17874719834340__footer_copyright_DDfHDy" class="shopify-section shopify-section-group-footer-group"><hr class="normal-line"> <div class="footer-end"> <div class="footer-policy-container"> <div class="footer-policy"><div class="footer-kojin-child"> <a href="/pages/privacy-policy" class="footer-kojin-link"> 個人情報保護方針 </a> </div><div class="footer-tokutei-child"> <a href="/pages/low" class="footer-tokutei-link"> 特定商取引法表示 </a> </div><div class="footer-goriyo_guide-child"> <a href="/pages/guide" class="footer-goriyo_guide-link"> ご利用ガイド </a> </div><div class="footer-footer_contact-child"> <a href="/pages/contact" class="footer-footer_contact-link"> お問い合わせ </a> </div><div class="footer-footer_company-child"> <a href="/pages/company" class="footer-footer_company-link"> 運営会社 </a> </div></div> </div> <div class="footer-copyright"> Copyright (c) PENALTYオンラインショップ all rights reserved. </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('a[href="#"]').forEach(function(link) { link.addEventListener('click', function(event) { // デフォルトのイベント(リンクの遷移)をキャンセル event.preventDefault(); }); }); }); </script> <style data-shopify>.normal-line { background-color: #2b2b2b; border: 1px solid #707070; margin: 0; padding: 0; } .footer-end { background-color: #2b2b2b; } .footer-policy-container { background-color: #2b2b2b; } .footer-policy { display: flex; max-width: 1100px; margin: 0 auto; flex-wrap: wrap; gap: 30px; padding: 30px; justify-content: flex-end; } .footer-kojin-child a, .footer-tokutei-child a, .footer-goriyo_guide-child a, .footer-hikaiin-child a, .footer-footer_contact-child a, .footer-footer_company-child a { text-decoration: none; font-family: YuGothic, Arial, sans-serif; font-weight: 500; font-size: 12px; text-align: left; color: #b4b4b4; } .footer-copyright { background-color: #2b2b2b; font-family: YuGothic, Arial, sans-serif; font-weight: 500; font-size: 12px; text-align: center; color: #fff; padding-bottom: 20px; } @media screen and (max-width: 749px) { .footer-policy { display: block; width: 80%; padding: 30px 0; } .footer-kojin-child, .footer-tokutei-child, .footer-goriyo_guide-child, .footer-hikaiin-child, .footer-footer_contact-child, .footer-footer_company-child { padding-bottom: 30px; } .footer-copyright { font-size: 10px; } }</style></div> <!-- END sections: footer-group --> </div> </div> <a href="javascript:void(0)" class="back-to-top"> <svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0.0802641 5.1485L0.526264 5.5885C0.577331 5.63877 0.646111 5.66694 0.717764 5.66694C0.789416 5.66694 0.858196 5.63877 0.909264 5.5885L4.40926 2.1385L4.40926 16.7325C4.40979 16.8035 4.43837 16.8714 4.48876 16.9214C4.53915 16.9714 4.60727 16.9995 4.67826 16.9995H5.30926C5.34459 16.9998 5.37962 16.9931 5.41236 16.9798C5.4451 16.9665 5.4749 16.9469 5.50006 16.9221C5.52523 16.8973 5.54526 16.8678 5.55902 16.8353C5.57278 16.8028 5.58 16.7678 5.58026 16.7325L5.58026 2.1385L9.08026 5.5885C9.13133 5.63877 9.20011 5.66694 9.27176 5.66694C9.34342 5.66694 9.4122 5.63877 9.46326 5.5885L9.90926 5.1485C9.93433 5.12393 9.95424 5.0946 9.96783 5.06223C9.98143 5.02986 9.98843 4.99511 9.98843 4.96C9.98843 4.9249 9.98143 4.89015 9.96783 4.85778C9.95424 4.82541 9.93433 4.79608 9.90926 4.7715L5.18526 0.113504C5.1342 0.063242 5.06542 0.0350723 4.99376 0.0350723C4.92211 0.0350723 4.85333 0.063242 4.80226 0.113504L0.0802641 4.7715C0.0551984 4.79608 0.0352865 4.82541 0.0216932 4.85778C0.00809999 4.89015 0.00109863 4.9249 0.00109863 4.96C0.00109863 4.99511 0.00809999 5.02986 0.0216932 5.06223C0.0352865 5.0946 0.0551984 5.12393 0.0802641 5.1485Z" fill="#3A3A3A"/> </svg> </a> <script src="//penalty.jp/cdn/shop/t/8/assets/fastclick.js?v=180948248748138531451722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/s/javascripts/currencies.js" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/jquery.currencies.min.js?v=175057760772006623221722603812" type="text/javascript"></script> <script> Currency.format = 'money_format'; var shopCurrency = 'JPY'; /* Sometimes merchants change their shop currency, let's tell our JavaScript file */ Currency.moneyFormats[shopCurrency].money_with_currency_format = "{{amount_no_decimals}}円(税込)"; Currency.moneyFormats[shopCurrency].money_format = "{{amount_no_decimals}}円(税込)"; /* Default currency */ var defaultCurrency = 'JPY'; /* Cookie currency */ var cookieCurrency = Currency.cookie.read(); /* Fix for customer account pages */ jQuery('span.money span.money').each(function() { jQuery(this).parents('span.money').removeClass('money'); }); /* Saving the current price */ jQuery('span.money').each(function() { jQuery(this).attr('data-currency-JPY', jQuery(this).html()); }); // If there's no cookie. if (cookieCurrency == null) { if (shopCurrency !== defaultCurrency) { Currency.convertAll(shopCurrency, defaultCurrency); } else { Currency.currentCurrency = defaultCurrency; } } // If the cookie value does not correspond to any value in the currency dropdown. else if (jQuery('[name=currencies]').length && jQuery('[name=currencies] option[value=' + cookieCurrency + ']').length === 0) { Currency.currentCurrency = shopCurrency; Currency.cookie.write(shopCurrency); } else if (cookieCurrency === shopCurrency) { Currency.currentCurrency = shopCurrency; } else { Currency.convertAll(shopCurrency, cookieCurrency); } jQuery('[name=currencies]').val(Currency.currentCurrency).change(function() { var newCurrency = jQuery(this).val(); Currency.convertAll(Currency.currentCurrency, newCurrency); jQuery('.selected-currency').text(Currency.currentCurrency); }); var original_selectCallback = window.selectCallback; var selectCallback = function(variant, selector) { original_selectCallback(variant, selector); Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); jQuery('.selected-currency').text(Currency.currentCurrency); }; $('body').on('ajaxCart.afterCartLoad', function(cart) { Currency.convertAll(shopCurrency, jQuery('[name=currencies]').val()); jQuery('.selected-currency').text(Currency.currentCurrency); }); jQuery('.selected-currency').text(Currency.currentCurrency); </script> <script src="//penalty.jp/cdn/shop/t/8/assets/timber.js?v=124604808400958655741724799953" type="text/javascript"></script> <script> </script> <script> jQuery(function() { jQuery('.swatch :radio').change(function() { var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index'); var optionValue = jQuery(this).val(); jQuery(this) .closest('form') .find('.single-option-selector') .eq(optionIndex) .val(optionValue) .trigger('change'); }); }); </script> <script src="//penalty.jp/cdn/shop/t/8/assets/handlebars.min.js?v=79044469952368397291722603812" type="text/javascript"></script> <!-- /snippets/ajax-cart-template.liquid --> <script id="CartTemplate" type="text/template"> <form action="/cart" method="post" novalidate class="ajaxcart"> <div class="prod"> <div class="product-cart"> {{#items}} <ol class="minicart_item list-unstyled mb-0 px-0"> <li class="d-flex"> <div class="thumb_img_cartmini"> <a href="{{url}}" title="" class=""><img alt="{{name}}" src="{{img}}"></a> </div> <div class="product-detail"> <h3 class="product_name_mini"> <a href="{{url}}">{{name}} {{#if variation}} - <span class="ajaxcart__product-meta">{{variation}}</span> {{/if}} {{#properties}} {{#each this}} {{#if this}} - <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span> {{/if}} {{/each}} {{/properties}} </a> </h3> <div class="product_info"> <div class="product_quanity">QTY : {{itemQty}} </div> <div class="product_price"> <span class="price_sale">{{{price}}}</span> </div> </div> </div> <div class="produc_remove"> <a href="javascript:void(0)" class="remove-product" data-line="{{line}}"><i class="fa fa-trash-o"></i></a> </div> </li> </ol> {{/items}} </div> </div> <div class="sub-total"> <span class="total-title float-left">合計:</span> <span class="total-price float-right">{{{totalPrice}}}</span> </div> <div class="action-checkout"> <a href="/cart" class="button-viewcart"> <span>カートを見る</span> </a> <a href="/checkout" class="button-checkout"> <span>チェックアウト</span> </a> </div> </form> </script> <script id="AjaxQty" type="text/template"> <div class="ajaxcart__qty"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{id}}" data-qty="{{itemMinus}}"> <span class="fa fa-minus" aria-hidden="true"></span> </button> <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{id}}" data-qty="{{itemAdd}}"> <span class="fa fa-plus"></span> </button> </div> </script> <script id="JsQty" type="text/template"> <div class="js-qty"> <button type="button" class="qty_minus js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{id}}" data-qty="{{itemMinus}}"> <span class="fa fa-caret-down"></span> </button> <input type="text" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{id}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="qty_plus js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="{{id}}" data-qty="{{itemAdd}}"> <span class="fa fa-caret-up"></span> </button> </div> </script> <script src="//penalty.jp/cdn/shop/t/8/assets/ajax-cart.js?v=101126595192986731291724798737" type="text/javascript"></script> <script> var ajaxCartConfig = { cartContainer: '.enj-minicart-ajax', addToCartSelector: '.enj-add-to-cart-btn', cartCountSelector: '.enj-cartcount', cartCostSelector: '.enj-cartcost', moneyFormat: "{{amount_no_decimals}}円(税込)" }; jQuery(function($) { ajaxCart.init(ajaxCartConfig); }); jQuery('body').on('ajaxCart.afterCartLoad', function(evt, cart) { // Bind to 'ajaxCart.afterCartLoad' to run any javascript after the cart has loaded in the DOM /* timber.RightDrawer.open(); */ }); </script> <script src="//penalty.jp/cdn/shop/t/8/assets/bootstrap.bundle.min.js?v=24720241748783945361722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/slick.min.js?v=174081320166941574071722603813" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/instafeed.min.js?v=33817373524940501351722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/jquery.fancybox.min.js?v=102984942719613846721722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/engo-plugins.js?v=70019624811880654751722603812" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/quickview.js?v=96945942380218781531724799953" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/collection.js?v=71617923839282046691722603861" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/engo-scripts.js?v=112795106252568267271741870289" type="text/javascript"></script> <script src="//penalty.jp/cdn/shop/t/8/assets/masonry.pkgd.min.js?v=163018295951185508901722603813" type="text/javascript"></script> <!-- /snippets/product-quick-view.liquid --> <div id="quick-view" class="hidden-label br-product-popup"> <div class="overlay-quickview"></div> <div class="content product-quickview product-single br-product br-product-detail br-product-slide-vertical"> <div class="row"> <div class="col-6"> <div class="product-media thumbnai-left"> <div class="featured-image "></div> <div class="more-views owl-carousel-play "> <div class="engoc_hide_owl_control owl-carousel" data-items="3" data-dots="false" data-lazyLoad="true" data-nav="true" data-autoHeight="false"></div> </div> </div> </div> <div class="col-6 popup-quickview"> <div class=" br-product-detail__container detail-info"> <div class="product-shop product-info-main"> <div class="product-item"> <h2 class="product-name"><a> </a></h2> <div class="details clearfix"> <form action="/cart/add" method="post" class="variants CartContainer"> <div class="d-flex justify-content-between"> <div class="prices product-price dosis-font variation-price mb-15"> <label class="price product-price"> <span class="compare-price dark opaci title14"></span> </label> </div> </div> <p class="des description desc product-desc"></p> <select name='id' style="display:none;" class="engoj-except-select2"> </select> <div class="product-actions"> <div class="product-quantity"> <div class="quantity-all js-qty"> <span class='qtyminus qty_minus js-qty__adjust js-qty__adjust--minus' data-field='quantity'><i class="fa fa-caret-down"></i></span> <input type="text" name="quantity" value="1" class="qty quantity js-qty__num"> <span class='qtyplus qty_plus js-qty__adjust js-qty__adjust--plus' data-field='quantity'><i class="fa fa-caret-up"></i></span> </div> </div> <div class="actions btn-addtocart" > <button type="button" class="btn-addToCart shop-button addcart-link font-bold">カートに追加する</button> </div> </div> </form> </div> </div> </div> </div> </div> <a href="javascript:void(0)" class="close-window set-16-svg fill-white"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> <g> <g> <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "></polygon> </g> </g> </svg> </a> </div> </div> </div> <script type="text/javascript"> Shopify.doNotTriggerClickOnThumb = false; </script> <div class="quickview-product tshopify-popup"></div> <div class="loading tshopify-popup"> <div class="overlay"></div> <div class="loader" title="0"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="197px" height="197px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> <path fill="none" stroke="#6e3012" stroke-width="2" stroke-dasharray="42.76482137044271 42.76482137044271" d="M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z" stroke-linecap="round" style="transform:scale(0.67);transform-origin:50px 50px"> <animate attributeName="stroke-dashoffset" repeatCount="indefinite" dur="2.0833333333333335s" keyTimes="0;1" values="0;256.58892822265625"/> </path> </svg> </div> </div> <div class="error-popup engo-popup engoc_hide_mobile"> <div class="overlay-addcart"></div> <div class="popup-inner content"> <div class="error-message"></div> </div> </div> <div class="product-popup engo-popup engoc_hide_mobile"> <div class="overlay-addcart"></div> <div class="content"> <a href="javascript:void(0)" class="close-window set-16-svg fill-white"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> <g> <g> <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "></polygon> </g> </g> </svg> </a> <div class="mini-product-item row"> <div class="col-md-6 col-sm-6 text-center product-image"> <p class="success-message">カートに追加しました!</p> <img alt="img" src="//penalty.jp/cdn/shop/t/8/assets/favicon.png?v=73003410778744966131722604317"/> <div class="product-info"> <p class="product-name"></p> <p class="text-uppercase">価格 : <span class="product-price"></span></p> <p>数量 : <span class="product-qty"></span></p> <p> カート合計 : <span class="product-total"></span></p> </div> </div> <div class="col-md-6 col-sm-6 text-center more_info"> <p> There are <span class="product-item-count"></span> items<br>in your cart</p> <p class="total_price"> カート合計 : <span class="product-total-cart"></span></p> <div class="actions"> <button class="continue-shopping shop-button" onclick="javascript:void(0)">ショッピングを続ける</button> <button class="shop-button go_cart " onclick="window.location='/cart'">カートへ行く</button> <div class="product-cart__condition d-flex align-items-center mb-3"> <input type="checkbox" class="engoj-agree"> <label for="product-cart__agree-product-template" class="mb-0">利用規約に同意する</label> </div> <button class="checkout-button js-button-checkout alt wc-forward bg-color btn-disabled" onclick="window.location='/checkout'">チェックアウトへ進む</button> </div> </div> </div> <div class="also_like_prod"> <div class="title"> With this products also buy: </div> <div class="row product_new slick_product_new-h5"> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pef4529" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PEF4529_30.jpg?v=1724121854" class="lazyload w-100 img-responsive" alt="ニットグローブ"> <img data-src="//penalty.jp/cdn/shop/files/PEF4529_81_01.jpg?v=1724121879" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ニットグローブ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pef4529">ニットグローブ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">1,100円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4510" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4510_30.jpg?v=1723057073" class="lazyload w-100 img-responsive" alt="プロ・ボンディングストレッチパンツ"> <img data-src="//penalty.jp/cdn/shop/files/POF4510_30_M_01.jpg?v=1723057073" class="lazyload w-100 img-responsive absolute img-product-hover" alt="プロ・ボンディングストレッチパンツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4510">プロ・ボンディングストレッチパンツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">12,100円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4506" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4506_81.jpg?v=1723704135" class="lazyload w-100 img-responsive" alt="プロ・ウォーマーハーフコート"> <img data-src="//penalty.jp/cdn/shop/files/POF4506_81_M_03.jpg?v=1723704159" class="lazyload w-100 img-responsive absolute img-product-hover" alt="プロ・ウォーマーハーフコート"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4506">プロ・ウォーマーハーフコート</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">29,700円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4514" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4514_81.jpg?v=1723617657" class="lazyload w-100 img-responsive" alt="ウォーマージャケット"> <img data-src="//penalty.jp/cdn/shop/files/POF4514_81_M_03.jpg?v=1723617702" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ウォーマージャケット"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4514">ウォーマージャケット</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">9,900円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/puf4507" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PUF4507_30.jpg?v=1723612734" class="lazyload w-100 img-responsive" alt="プロ・ロングスリーブプラトップ"> <img data-src="//penalty.jp/cdn/shop/files/PUF4507_30_M_01.jpg?v=1723612764" class="lazyload w-100 img-responsive absolute img-product-hover" alt="プロ・ロングスリーブプラトップ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/puf4507">プロ・ロングスリーブプラトップ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">6,050円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/ptf4500" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PTF4500_71.jpg?v=1723705857" class="lazyload w-100 img-responsive" alt="ヘリテージ・LSフロッキーロゴTシャツ"> <img data-src="//penalty.jp/cdn/shop/files/PTF4500_71_M_01.jpg?v=1723705874" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・LSフロッキーロゴTシャツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/ptf4500">ヘリテージ・LSフロッキーロゴTシャツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">5,940円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4509" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4509_30.jpg?v=1723055799" class="lazyload w-100 img-responsive" alt="プロ・ボンディングストレッチトップ"> <img data-src="//penalty.jp/cdn/shop/files/POF4509_65_M_03.jpg?v=1723055799" class="lazyload w-100 img-responsive absolute img-product-hover" alt="プロ・ボンディングストレッチトップ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4509">プロ・ボンディングストレッチトップ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">14,300円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4515" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4515_30.jpg?v=1723617084" class="lazyload w-100 img-responsive" alt="ウォーマーパンツ"> <img data-src="//penalty.jp/cdn/shop/files/POF4515_81_M_01.jpg?v=1723616983" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ウォーマーパンツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4515">ウォーマーパンツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">8,800円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4505" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4505_76.jpg?v=1723057510" class="lazyload w-100 img-responsive" alt="ヘリテージ・中綿フーディナイロンジャケット"> <img data-src="//penalty.jp/cdn/shop/files/POF4505_76_M_03.jpg?v=1723057510" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・中綿フーディナイロンジャケット"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4505">ヘリテージ・中綿フーディナイロンジャケット</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">24,200円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/puf4508" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PUF4508_30.jpg?v=1723614728" class="lazyload w-100 img-responsive" alt="プロ・ウォームフリースロングスリーブシャツ"> <img data-src="//penalty.jp/cdn/shop/files/PUF4508_80_M_01.jpg?v=1723614757" class="lazyload w-100 img-responsive absolute img-product-hover" alt="プロ・ウォームフリースロングスリーブシャツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/puf4508">プロ・ウォームフリースロングスリーブシャツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">6,820円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/puf4511j" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PUF4511_30.jpg?v=1724127020" class="lazyload w-100 img-responsive" alt="JRウォームフリースプラトップ"> <img data-src="//penalty.jp/cdn/shop/files/PUF4511_88_01.jpg?v=1724127029" class="lazyload w-100 img-responsive absolute img-product-hover" alt="JRウォームフリースプラトップ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/puf4511j">JRウォームフリースプラトップ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">5,940円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/pof4519j" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/POF4519_30.jpg?v=1724126626" class="lazyload w-100 img-responsive" alt="JRウォーマージャケット"> <img data-src="//penalty.jp/cdn/shop/files/POF4519_81_01.jpg?v=1724126632" class="lazyload w-100 img-responsive absolute img-product-hover" alt="JRウォーマージャケット"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/pof4519j">JRウォーマージャケット</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">14,300円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/ptf4504" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PTF4504_24.jpg?v=1724125923" class="lazyload w-100 img-responsive" alt="ヘリテージ・ヘビー裏起毛スウェットパンツ"> <img data-src="//penalty.jp/cdn/shop/files/PTF4503_24_M_03.jpg?v=1724125460" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・ヘビー裏起毛スウェットパンツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/ptf4504">ヘリテージ・ヘビー裏起毛スウェットパンツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">8,800円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/ptf4503" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PTF4503_24.jpg?v=1724125440" class="lazyload w-100 img-responsive" alt="ヘリテージ・ヘビー裏起毛スウェットZIPフーディー"> <img data-src="//penalty.jp/cdn/shop/files/PTF4503_24_M_03_52c54466-c4ec-424a-be16-02d9d1e73c42.jpg?v=1724125461" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・ヘビー裏起毛スウェットZIPフーディー"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/ptf4503">ヘリテージ・ヘビー裏起毛スウェットZIPフーディー</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">10,450円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/ptf4502" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PTF4502_10.jpg?v=1724124629" class="lazyload w-100 img-responsive" alt="ヘリテージ・LSソルTシャツ"> <img data-src="//penalty.jp/cdn/shop/files/PTF4502_10_M_01.jpg?v=1724124647" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・LSソルTシャツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/ptf4502">ヘリテージ・LSソルTシャツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">5,940円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> <div class="col-12 product_item"> <div class="product-item-v8"> <div class="product mb-30 engoj_grid_parent relative"> <div class="img-product relative"> <a href="/products/ptf4501" class="engoj_find_img"> <img data-src="//penalty.jp/cdn/shop/files/PTF4501_24.jpg?v=1724124014" class="lazyload w-100 img-responsive" alt="ヘリテージ・LS-BRSロゴTシャツ"> <img data-src="//penalty.jp/cdn/shop/files/PTF4501_24_M_03.jpg?v=1724124044" class="lazyload w-100 img-responsive absolute img-product-hover" alt="ヘリテージ・LS-BRSロゴTシャツ"> </a> <!-- label product --> <!-- END LABEL --> <!-- SOLD OUT --> <!-- END SOLD OUT --> </div> <h4 class="des-font capital title-product mb-0"> <a href="/products/ptf4501">ヘリテージ・LS-BRSロゴTシャツ</a> </h4> <!-- PRICE --> <p class="price-product mb-0"> <span class="price">5,940円(税込)</span> </p> <!-- END PRODUCT --> <!-- VARIANT PRODUCT --> <nav class="engoj_select_color variant-product"> </nav> <!-- END VARIANT --> <!-- THUMBNAIL PRODUCT --> <!-- END THUMBNAIL --> </div> </div> </div> </div> </div> </div> </div> <script> $(document).on('click','.overlay, .continue-shopping, .close-window', function() { $(".engo-popup").removeClass('active'); }); </script> <script> // (c) Copyright 2016 Caroline Schnapp. All Rights Reserved. Contact: mllegeorgesand@gmail.com // See https://docs.shopify.com/themes/customization/navigation/link-product-options-in-menus var Shopify = Shopify || {}; Shopify.optionsMap = {}; Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery('.single-option-selector:eq(0)'); break; case 1: var key = jQuery('.single-option-selector:eq(0)').val(); var selector = jQuery('.single-option-selector:eq(1)'); break; case 2: var key = jQuery('.single-option-selector:eq(0)').val(); key += ' / ' + jQuery('.single-option-selector:eq(1)').val(); var selector = jQuery('.single-option-selector:eq(2)'); } var initialValue = selector.val(); selector.empty(); var availableOptions = Shopify.optionsMap[key]; for (var i=0; i<availableOptions.length; i++) { var option = availableOptions[i]; var newOption = jQuery('<option></option>').val(option).html(option); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. for (var i=0; i<product.variants.length; i++) { var variant = product.variants[i]; if (variant.available) { // Gathering values for the 1st drop-down. Shopify.optionsMap['root'] = Shopify.optionsMap['root'] || []; Shopify.optionsMap['root'].push(variant.option1); Shopify.optionsMap['root'] = Shopify.uniq(Shopify.optionsMap['root']); // Gathering values for the 2nd drop-down. if (product.options.length > 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(".single-option-selector:eq(0)").change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(".single-option-selector:eq(1)").change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; </script> <div class="menu_toolbar d-flex d-sm-none"> <div class="btn_account"> <a href="javascript:void(0)" style="font-size: 20px" class="js-call-account"> <!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 400" height="400" width="400" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,400)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1506.87,2587.11 c -225.04,0 -408.14,-183.08 -408.14,-408.11 0,-225.06 183.1,-408.13 408.14,-408.13 225.02,0 408.13,183.07 408.13,408.13 0,225.03 -183.11,408.11 -408.13,408.11 z m 0,-1038.56 c -347.64,0 -630.432,282.79 -630.432,630.45 0,347.63 282.792,630.43 630.432,630.43 347.63,0 630.42,-282.8 630.42,-630.43 0,-347.66 -282.79,-630.45 -630.42,-630.45 v 0"></path><path id="path16" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 399.648,361.789 H 2614.07 c -25.06,261.531 -139.49,503.461 -327.47,689.831 -124.25,123.14 -300.78,193.96 -483.86,193.96 h -591.76 c -183.61,0 -359.601,-70.82 -483.863,-193.96 C 539.148,865.25 424.719,623.32 399.648,361.789 Z M 2730.69,139.461 H 283.035 c -61.558,0 -111.16,49.59 -111.16,111.16 0,363.438 141.68,704 398.32,959.019 165.657,164.55 399.414,258.82 640.785,258.82 h 591.76 c 241.94,0 475.14,-94.27 640.8,-258.82 256.63,-255.019 398.31,-595.581 398.31,-959.019 0,-61.57 -49.59,-111.16 -111.16,-111.16 v 0"></path></g></g></svg> </a> </div> <div class="btn_cart"> <a href="javascript:void(0)" title="" class="js-call-minicart"> <i class="fsz-unset"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 297.78668 398.66666" height="398.66666" width="297.78668" id="svg2" version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xml:space="preserve"><metadata id="metadata8"><rdf><work rdf:about=""><format>image/svg+xml</format><type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></type></work></rdf></metadata><defs id="defs6"></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,398.66667)" id="g10"><g transform="scale(0.1)" id="g12"><path id="path14" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 2233.36,2432.71 H 0 V 0 h 2233.36 v 2432.71 z m -220,-220 V 220 H 220.004 V 2212.71 H 2021.36"></path><path xmlns="http://www.w3.org/2000/svg" id="path16" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="m 1116.68,2990 v 0 C 755.461,2990 462.637,2697.18 462.637,2335.96 V 2216.92 H 1770.71 v 119.04 c 0,361.22 -292.82,654.04 -654.03,654.04 z m 0,-220 c 204.58,0 376.55,-142.29 422.19,-333.08 H 694.492 C 740.117,2627.71 912.102,2770 1116.68,2770"></path><path xmlns="http://www.w3.org/2000/svg" id="path18" style="fill-opacity:1;fill-rule:nonzero;stroke:none" d="M 1554.82,1888.17 H 678.543 v 169.54 h 876.277 v -169.54"></path></g></g></svg></i> <span class="count_pr_incart enj-cartcount">0</span> </a> </div> <div class="btn_backtop set-22-svg fill-white" id="back-to-top"> <svg xmlns="http://www.w3.org/2000/svg" id="Layer" enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512"><path d="m32 56c1.104 0 2-.896 2-2v-39.899l14.552 15.278c.393.413.92.621 1.448.621.495 0 .992-.183 1.379-.552.8-.762.831-2.028.069-2.828l-16.619-17.448c-.756-.755-1.76-1.172-2.829-1.172s-2.073.417-2.862 1.207l-16.586 17.414c-.762.8-.731 2.066.069 2.828s2.067.731 2.828-.069l14.551-15.342v39.962c0 1.104.896 2 2 2z"/></svg> </div> </div> <script> jQuery(document).ready(function($) { if($(window).width() < 577){ if($('.popup-cookie').length){ $('.popup_random_prod').css('bottom','208px'); } else{ $('.popup_random_prod').css('bottom','0px'); } $('.got_it').on('click', function() { $('.popup_random_prod').css('bottom','0px'); }); $(window).scroll(function(){ if ($(window).scrollTop() >= 300) { $('.menu_toolbar').addClass('active'); $('.popup_random_prod').css('bottom','260px'); $('.popup-cookie').css('bottom','50px'); $('.got_it').on('click', function() { $('.popup_random_prod').css('bottom','50px'); }); if($('.popup-cookie').length){ $('.popup_random_prod').css('bottom','258px'); } else{ $('.popup_random_prod').css('bottom','50px'); } if($('.popup-cookie').hasClass('d-none')){ $('.popup_random_prod').css('bottom','50px'); } } else { if($('.popup-cookie').length){ $('.popup_random_prod').css('bottom','208px'); } else{ $('.popup_random_prod').css('bottom','0px'); } if($('.popup-cookie').hasClass('d-none')){ $('.popup_random_prod').css('bottom','0px'); } $('.menu_toolbar').removeClass('active'); $('.popup-cookie').css('bottom','0px'); } }); } }); </script> <style> .promo_topbar span {font-weight: bold; text-shadow: 5px 5px 5px black;} </style> </body> </html>