@charset "utf-8";
.surfboards-detail{position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:calc(100% - 64px);margin:80px auto 0;max-width:1216px;}.surfboards-detail.inview--enter .surfboards-detail__detail{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 700ms ease;-moz-transition:opacity 700ms ease;-o-transition:opacity 700ms ease;-ms-transition:opacity 700ms ease;transition:opacity 700ms ease}.surfboards-detail.inview--enter .surfboards-detail__phs{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 700ms ease 180ms;-moz-transition:opacity 700ms ease 180ms;-o-transition:opacity 700ms ease 180ms;-ms-transition:opacity 700ms ease 180ms;transition:opacity 700ms ease 180ms}.surfboards-detail__phs{width:41.118421052631575%;min-width:41.118421052631575%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.surfboards-detail__ph{margin-top:4px;aspect-ratio:750/1050;}.surfboards-detail__ph:first-child{margin-top:0}.surfboards-detail__ph img{width:100%;height:100%;object-fit:cover}.surfboards-detail__detail{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:sticky;top:120px;width:55.5921052631579%;max-width:55.5921052631579%;height:calc(100vh - 120px - 40px);min-height:365px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.surfboards-detail__info{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.surfboards-detail__brand{font-size:21px;letter-spacing:.12em;color:#222}.surfboards-detail__name{position:relative;font-size:38px;letter-spacing:.04em;line-height:1.3;color:#222;margin-top:16px;width:336px}.surfboards-detail__price{font-size:12px;font-weight:500;letter-spacing:.12em;color:#444;margin-top:16px;}.surfboards-detail__price--soldout{color:rgba(68,68,68,0.5);}.surfboards-detail__price--soldout .surfboards-detail__price-yen{display:inline-block;position:relative;}.surfboards-detail__price--soldout .surfboards-detail__price-yen:after{content:'';position:absolute;left:0;right:0;height:1px;background-color:currentColor;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.surfboards-detail__price-soldout{display:inline-block;margin-right:18px}.surfboards-detail__nav{width:100%;max-width:100%;overflow:hidden;margin-top:40px}.surfboards-detail__nav-list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;width:fit-content;gap:4px;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:-o-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);-ms-transition:-ms-transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1)}.surfboards-detail__nav-item{min-width:80px;width:80px;aspect-ratio:80/112}.surfboards-detail__nav-button{display:block;width:100%;height:100%;-webkit-tap-highlight-color:transparent;}@media screen and (min-width:737px){.surfboards-detail__nav-button{display:block;-webkit-transition:opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 280ms;-moz-transition:opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 280ms;-o-transition:opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 280ms;-ms-transition:opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 280ms;transition:opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 280ms}.surfboards-detail__nav-button:hover{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}}.surfboards-detail__nav-button img{width:100%;height:100%;object-fit:cover;object-position:center}.surfboards-detail__back-button{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;gap:2px;margin-top:40px;}@media screen and (min-width:737px){.surfboards-detail__back-button:hover .surfboards-detail__back-button-icon,.surfboards-detail__back-button:hover .surfboards-detail__back-button-text{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}}.surfboards-detail__back-button-icon{display:inline-block;width:13.12px;height:2.14px;-webkit-transition:-webkit-transform 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:-moz-transform 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:-o-transform 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:-ms-transform 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.surfboards-detail__back-button-text{display:inline-block;color:#999;font-size:11px;letter-spacing:.12000000000000001em;-webkit-transition:opacity 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-moz-transition:opacity 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:opacity 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-ms-transition:opacity 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:opacity 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media screen and (max-width:736px){.surfboards-detail{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:94.66666666666667vw;margin:21.333333333333332vw auto 0;max-width:100%;}.surfboards-detail.inview--enter .surfboards-detail__phs,.surfboards-detail.inview--enter .surfboards-detail__name,.surfboards-detail.inview--enter .surfboards-detail__brand,.surfboards-detail.inview--enter .surfboards-detail__price,.surfboards-detail.inview--enter .surfboards-detail__nav,.surfboards-detail.inview--enter .surfboards-detail__back-button{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 800ms ease 0ms;-moz-transition:opacity 800ms ease 0ms;-o-transition:opacity 800ms ease 0ms;-ms-transition:opacity 800ms ease 0ms;transition:opacity 800ms ease 0ms}.surfboards-detail.inview--enter .surfboards-detail__name:after{-webkit-transform:translate3d(0,0,0) scaleX(0);-moz-transform:translate3d(0,0,0) scaleX(0);-o-transform:translate3d(0,0,0) scaleX(0);-ms-transform:translate3d(0,0,0) scaleX(0);transform:translate3d(0,0,0) scaleX(0);-webkit-transition:-webkit-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 500ms;-moz-transition:-moz-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 500ms;-o-transition:-o-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 500ms;-ms-transition:-ms-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 500ms;transition:transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 500ms}.surfboards-detail__phs{position:relative;width:100%;min-width:100%;aspect-ratio:5/7;overflow:hidden}.surfboards-detail__ph{position:absolute;top:0;left:0;width:100%;height:100%;margin-top:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity 500ms ease 300ms;-moz-transition:opacity 500ms ease 300ms;-o-transition:opacity 500ms ease 300ms;-ms-transition:opacity 500ms ease 300ms;transition:opacity 500ms ease 300ms;}.surfboards-detail__ph img{-webkit-transform:translate3d(0,0,0) scale(1.03);-moz-transform:translate3d(0,0,0) scale(1.03);-o-transform:translate3d(0,0,0) scale(1.03);-ms-transform:translate3d(0,0,0) scale(1.03);transform:translate3d(0,0,0) scale(1.03);-webkit-transition:-webkit-transform 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;-moz-transition:-moz-transform 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;-o-transition:-o-transform 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;-ms-transition:-ms-transform 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;transition:transform 0ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms}.surfboards-detail__ph--current{opacity:1;-ms-filter:none;filter:none;-webkit-transition:opacity 500ms ease 0ms;-moz-transition:opacity 500ms ease 0ms;-o-transition:opacity 500ms ease 0ms;-ms-transition:opacity 500ms ease 0ms;transition:opacity 500ms ease 0ms;z-index:1;}.surfboards-detail__ph--current img{-webkit-transform:translate3d(0,0,0) scale(1);-moz-transform:translate3d(0,0,0) scale(1);-o-transform:translate3d(0,0,0) scale(1);-ms-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);-webkit-transition:-webkit-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms;-moz-transition:-moz-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms;-o-transition:-o-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms;-ms-transition:-ms-transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms;transition:transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 100ms}.surfboards-detail__detail{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;top:0;width:100%;max-width:100%;height:auto;min-height:0;margin-top:1.066666666666667vw}.surfboards-detail__info{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;margin-top:10.666666666666666vw}.surfboards-detail__brand{font-size:4vw;letter-spacing:.12000000000000001em}.surfboards-detail__name{font-size:7.2vw;letter-spacing:.04em;margin-top:3.2vw;width:100%;margin-right:5.333333333333333vw}.surfboards-detail__price{font-size:3.2vw;margin-top:3.2vw}.surfboards-detail__price-soldout{margin-right:3.2vw}.surfboards-detail__nav{margin-top:0}.surfboards-detail__nav-list{gap:1.066666666666667vw}.surfboards-detail__nav-item{min-width:21.333333333333332vw;width:21.333333333333332vw}.surfboards-detail__back-button{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:1.333333333333333vw;margin-top:16vw}.surfboards-detail__back-button-icon{width:5.248vw;height:.856vw}.surfboards-detail__back-button-text{font-size:3.733333333333333vw;letter-spacing:.12em}.footer{margin-top:42.666666666666664vw}}