upper hights（アッパーハイツ） upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802

商品番号 222PW0802

¥ 7,700 税込

[ 70 ポイント ]

カラーサイズ

バニラ

3 ×
グリーン

3

△

残りわずかです。

ただいま在庫がございません。

サイズとカラーを選ぶ

合計16,500円(税込)以上で送料無料

LINEチャットで相談する

詳細DETAIL

コットン100％の糸をソフト柔軟加工およびウォッシュ加工しているため、くったりとした柔らかい、触り心地の良い生地となっております。ビッグシルエットかつユニセックスアイテムになっているため、性別関係なく着ていただけます。洗濯機洗い可。

ブランド名：upper hights（アッパーハイツ）
型番：222PW0802
商品名：upper hights THE BUGGY TEE
素材：【本体】綿100%
サイズ：3（バスト126cm 着丈74cm 袖丈26cm 肩幅51cm）
カラー：バニラ／グリーン

着用モデルサイズ
身長160cm　通常サイズ9号（Mサイズ）

</p>　 <hr> <p>その他のupper hightsの商品は<u><a href="https://salonmode.co.jp/c/brand/upperhights">こちら</a></u></p> </div> </div> <div class="itemInfoBlock specBlock"> <h3 class="h3C">サイズ<small>SIZE</small></h3> <div class="specPC"></div> </div> </div> </div> <div class="spOnly"> <div class="detailBlock" style="display: none;"><h3 class="h3C">詳細<small>DETAIL</small></h3></div> <div class="tab tab--typeA tabSP"> <ul class="tabSwitch row"> <li class="col-6 active"><span>詳細</span></li> <li class="col-6"><span>サイズ</span></li> </ul> <div class="tabContents"> <div class="tabContent active"> <p><br>コットン100％の糸をソフト柔軟加工およびウォッシュ加工しているため、くったりとした柔らかい、触り心地の良い生地となっております。ビッグシルエットかつユニセックスアイテムになっているため、性別関係なく着ていただけます。洗濯機洗い可。</p> <hr> <p>ブランド名：upper hights（アッパーハイツ）<br> 型番：222PW0802<br> 商品名：upper hights THE BUGGY TEE<br> 素材：【本体】綿100% <br> サイズ：3（バスト126cm 着丈74cm 袖丈26cm 肩幅51cm）<br> カラー：バニラ／グリーン</p> <hr> <p>着用モデルサイズ<br> 身長160cm　通常サイズ9号（Mサイズ） </p> <p><iframe width="343" height="610" src="https://www.youtube.com/embed/_UdTa3LjT9Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></p>　 <hr> <p>その他のupper hightsの商品は<u><a href="https://salonmode.co.jp/c/brand/upperhights">こちら</a></u></p> </div> <div class="tabContent specSP"> </div> </div> </div> </div> </section></main>  <nav class="fs-c-breadcrumb"> <ol class="fs-c-breadcrumb__list"> <li class="fs-c-breadcrumb__listItem"> <a href="/">HOME</a> </li> <li class="fs-c-breadcrumb__listItem"> <a href="/c/brand">ブランド</a> </li> <li class="fs-c-breadcrumb__listItem"> <a href="/c/brand/upperhights">upper hights</a> </li> <li class="fs-c-breadcrumb__listItem"> upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802 </li> </ol> </nav>  <section class="itemList--ranking ranking--typeF detailRanking"> <div class="container jsMoreWrap"> <h2 class="h2C">RANKING<small>人気商品</small></h2> <div class="js-more itemList-pc--5 itemList-sp--3"> <div fsid="fsrecommenddiv1"></div> </div>  </div> </section>  <div fsid="fsrecommenddiv3"></div>  <section> <div class="container"> <h2 class="h2A">NEW ARRIVAL<small>新着商品</small></h2> <div class="tab tab--typeB"> <ul class="tabSwitch"> <li class="active"><span>トップス</span></li> <li class=""><span>パンツ</span></li> <li class=""><span>スカート</span></li> <li class=""><span>ALL</span></li> </ul> <div class="tabContents"> <div class="tabContent active"> <div class="itemList-pc--5 itemList-sp--3 sp-show9 listBefore"> <div fsid="fsrecommenddiv2" recfilter="c2:カテゴリー|トップス"></div> </div> <p class="text--center"><a href="/c/category/tops" class="button arrow">view more</a></p> </div> <div class="tabContent"> <div class="itemList-pc--5 itemList-sp--3 sp-show9 listBefore"><div fsid="fsrecommenddiv2" recfilter="c2:カテゴリー|パンツ"></div></div> <p class="text--center"><a href="/c/category/pants" class="button arrow">view more</a></p> </div> <div class="tabContent"> <div class="itemList-pc--5 itemList-sp--3 sp-show9 listBefore"><div fsid="fsrecommenddiv2" recfilter="c2:カテゴリー|スカート"></div></div> <p class="text--center"><a href="/c/category/skirt" class="button arrow">view more</a></p> </div> <div class="tabContent"> <div class="itemList-pc--5 itemList-sp--3 sp-show9 listBefore"><div fsid="fsrecommenddiv2"></div></div> <p class="text--center"><a href="/c/category" class="button arrow">view more</a></p> </div> </div> </div> </div> </section> <footer> <div class="spOnly footer_searchForm"> <h2 class="h2A">商品を探す</h2> <div class="hdrSearch__inner search_footer_sp">  <form action="/p/search" method="get" class="side__detailSearch"> <div class="sds__box mb30"> <h3 class="sideTitle">キーワードから探す</h3> <div class="searchForm searchFormA" role="search" method="get"> <div class="searchForm__inner"> <input type="text" value="" name="keyword" maxlength="1000" placeholder="アイテム名、品番で検索する"> <button type="submit" class="searchForm__submit"><i class="gNav__listIcon material-icons">search</i></button> </div> </div> <div class="hrd_keywordWrap"> <h3 class="hrd_keywordTitle">人気ワード</h3> <ul class="hrd_keyword"> <li><a href="/c/brand/thomasmagpie"># THOMAS MAGPIE</a></li> <li><a href="/c/brand/m53"># M53.</a></li> <li><a href="/c/brand/beatingheart"># BEATING HEART</a></li> <li><a href="/c/brand/forformo"># FORFORMO</a></li> <li><a href="/c/brand/deboncoer"># De bon coer</a></li> <li><a href="/p/search?keyword=SALE"># SALE</a></li> </ul> </div> </div> <div class="sds__box mb30"> <h3 class="sideTitle">価格から探す</h3> <div class="sds__priceRange"><input name="minprice" maxlength="9" type="tel" class="pliceLower"> <span>円～</span> <input type="tel" name="maxprice" maxlength="9" class="priceUpper"> <span>円</span></div> </div> <div class="sds__box"> <div class="sds__select"> <h3 class="sideTitle">ブランドから探す</h3> <select class="" name="tag"> <option value="">-</option> <option value="02anthom">ANTHOM</option> <option value="02astraet">ASTRAET</option> <option value="02ayane">ayane</option> <option value="02beatingheart">BEATING HEART</option> <option value="02beautifulpeople">beautiful people</option> <option value="02boutiqueordinary">Boutique Ordinary</option> <option value="02cearet">CEaRET</option> <option value="02cyantokyo">CYAN TOKYO</option> <option value="02chignon">CHIGNON</option> <option value="02date">D.A.T.E.</option> <option value="02deboncoer">De bon coer</option> <option value="02divka">divka</option> <option value="02doublestandardclothing">DOUBLE STANDARD CLOTHING</option> <option value="02doublet">doublet</option> <option value="02ezumi">EZUMi</option> <option value="02forformo">FORFORMO</option> <option value="02herencia">HERENCIA</option> <option value="02intoxic">intoxic.</option> <option value="02kalna">KALNA</option> <option value="02kittle">Kittle.</option> <option value="02lalliamu">Lallia Mù</option> <option value="02maisonmargiela">Maison Margiela</option> <option value="02maisonmaverickpresents">MAISON MAVERICK PRESENTS</option> <option value="02marechalterre">MARECHAL TERRE</option> <option value="02margauxvintage">MARGAUX VINTAGE</option> <option value="02midiumisolid">MIDIUMISOLID</option> <option value="02mizuiroind">mizuiro ind</option> <option value="02mylanka">Mylanka</option> <option value="02m53">M53.</option> <option value="02nearnippon">near.nippon</option> <option value="02rapture">RAPTURE</option> <option value="02risley">Risley</option> <option value="02siwalyfluid">SIWALY fluid</option> <option value="02thomasmagpie">THOMAS MAGPIE</option> <option value="02trois">trois</option> <option value="02unitednude">UNITED NUDE</option> <option value="02usugallery">USU GALLERY</option> <option value="02upperhights">upper hights</option> <option value="02yanuk">YANUK</option> <option value="021%">1%</option> <option value="0230thirty">30 THIRTY</option> </select> </div> </div> <div class="sds__box mb30"> <div class="sds__select"> <h3 class="sideTitle">カテゴリーから探す</h3> <select class="searchByCate" name="tag"> <option value="">-</option> <option value="01tops">トップス</option> <option value="01pants">パンツ</option> <option value="01skirt">スカート</option> <option value="01onepiece">ワンピース</option> <option value="01outer">ジャケット・アウター</option> <option value="01bag">バッグ</option> <option value="01shoes">シューズ</option> <option value="01wallet">財布</option> <option value="01accessory">ファッション小物</option> <option value="01interior">インテリア小物</option> </select> </div> </div> <div class="sds__box sizeBox mb30"> <h3 class="sideTitle">サイズから探す</h3> <div class="sds__select othersizes"> <ul> <li><input type="checkbox" name="tag" value="03s" id="sds__select1d"><label for="sds__select1d" class="checkLabel">S</label></li> <li><input type="checkbox" name="tag" value="03m" id="sds__select2d"><label for="sds__select2d" class="checkLabel">M</label></li> <li><input type="checkbox" name="tag" value="03l" id="sds__select3d"><label for="sds__select3d" class="checkLabel">L</label></li> <li><input type="checkbox" name="tag" value="03xl" id="sds__select4d"><label for="sds__select4d" class="checkLabel">XL</label></li> <li><input type="checkbox" name="tag" value="03free" id="sds__select5d"><label for="sds__select5d" class="checkLabel">FREE</label></li> </ul> </div> <div class="sds__select shoessizes"> <ul> <li><input type="checkbox" name="tag" value="0322-22.5" id="sds__select6d"><label for="sds__select6d" class="checkLabel">22-22.5</label></li> <li><input type="checkbox" name="tag" value="0322.5-23" id="sds__select7d"><label for="sds__select7d" class="checkLabel">22.5-23</label></li> <li><input type="checkbox" name="tag" value="0323-23.5" id="sds__select8d"><label for="sds__select8d" class="checkLabel">23-23.5</label></li> <li><input type="checkbox" name="tag" value="0323.5-24" id="sds__select9d"><label for="sds__select9d" class="checkLabel">23.5-24</label></li> <li><input type="checkbox" name="tag" value="0324-24.5" id="sds__sdelect10d"><label for="sds__select10d" class="checkLabel">24-24.5</label></li> <li><input type="checkbox" name="tag" value="0324.5-25" id="sds__select11d"><label for="sds__select11d" class="checkLabel">24.5-25</label></li> <li><input type="checkbox" name="tag" value="0325-25.5" id="sds__select12d"><label for="sds__select12d" class="checkLabel">25-25.5</label></li> <li><input type="checkbox" name="tag" value="0325.5-26" id="sds__select13d"><label for="sds__select13d" class="checkLabel">25.5-26</label></li> </ul> </div> </div> <div class="sds__box mb30"> <h3 class="sideTitle">カラーから探す</h3> <div class="sds__color mh"> <ul> <li> <input name="tag" value="04white" type="checkbox" id="sds__color1d"> <label for="sds__color1d" class="colorSelect"> <span>ホワイト</span> <div style="background-color: rgb(255, 255, 255);border:1px solid #1b1b1b;"></div> </label> </li> <li> <input name="tag" value="04black" type="checkbox" id="sds__color2d"> <label for="sds__color2d" class="colorSelect"> <span>ブラック</span> <div style="background-color: rgb(0, 0, 0);"></div> </label> </li> <li> <input name="tag" value="04gray" type="checkbox" id="sds__color3d"> <label for="sds__color3d" class="colorSelect"> <span>グレー</span> <div style="background-color: rgba(105, 105, 105, 1);"></div> </label> </li> <li> <input name="tag" value="04beige" type="checkbox" id="sds__color5d"> <label for="sds__color5d" class="colorSelect"> <span>ベージュ</span> <div style="background-color: rgba(195, 180, 147, 1);"></div> </label> </li> <li> <input name="tag" value="04camel" type="checkbox" id="sds__color18d"> <label for="sds__color18d" class="colorSelect"> <span>ベージュ</span> <div style="background-color: rgb(196 153 97);"></div> </label> </li> <li> <input name="tag" value="04brown" type="checkbox" id="sds__color4d"> <label for="sds__color4d" class="colorSelect"> <span>ブラウン</span> <div style="background-color: rgba(93, 71, 58, 1);"></div> </label> </li> <li> <input name="tag" value="04khaki" type="checkbox" id="sds__color7d"> <label for="sds__color7d" class="colorSelect"> <span>カーキ</span> <div style="background-color: rgba(64, 82, 24, 1);"></div> </label> </li> <li> <input name="tag" value="04navy" type="checkbox" id="sds__color9d"> <label for="sds__color9d" class="colorSelect"> <span>ネイビー</span> <div style="background-color: rgba(45, 75, 123, 1);"></div> </label> </li> <li> <input name="tag" value="04blue" type="checkbox" id="sds__color8d"> <label for="sds__color8d" class="colorSelect"> <span>ブルー</span> <div style="background-color: rgba(66, 113, 185, 1);"></div> </label> </li> <li> <input name="tag" value="04green" type="checkbox" id="sds__color6d"> <label for="sds__color6d" class="colorSelect"> <span>グリーン</span> <div style="background-color: rgba(75, 136, 68, 1);"></div> </label> </li> <li> <input name="tag" value="04yellow" type="checkbox" id="sds__color11d"> <label for="sds__color11d" class="colorSelect"> <span>イエロー</span> <div style="background-color: rgba(245, 232, 91, 1);"></div> </label> </li> <li> <input name="tag" value="04orange" type="checkbox" id="sds__color15d"> <label for="sds__color15d" class="colorSelect"> <span>オレンジ</span> <div style="background-color: rgba(244, 122, 58, 1);"></div> </label> </li> <li> <input name="tag" value="04red" type="checkbox" id="sds__color13d"> <label for="sds__color13d" class="colorSelect"> <span>レッド</span> <div style="background-color: rgba(227, 51, 52, 1);"></div> </label> </li> <li> <input name="tag" value="04pink" type="checkbox" id="sds__color12d"> <label for="sds__color12d" class="colorSelect"> <span>ピンク</span> <div style="background-color: rgba(254, 169, 166, 1);"></div> </label> </li> <li> <input name="tag" value="04purple" type="checkbox" id="sds__color10d"> <label for="sds__color10d" class="colorSelect"> <span>パープル</span> <div style="background-color: rgba(148, 95, 195, 1);"></div> </label> </li> <li> <input name="tag" value="04stripe" type="checkbox" id="sds__color16d"> <label for="sds__color16d" class="colorSelect"> <span>ストライプ</span> <div style="background-image: linear-gradient(black 50%, white 50%);background-size: 10px 10px;width: 28px;height: 28px;"></div> </label> </li> <li> <input name="tag" value="04multi" type="checkbox" id="sds__color17d"> <label for="sds__color17d" class="colorSelect"> <span>マルチ</span> <div style="border-style: solid;border-width: 14px;border-color: green blue yellow red;transform: rotate(-45deg);"></div> </label> </li> </ul> </div> </div> <div class="sds__box mb30"> <div class="sds__select"> <h3 class="sideTitle">並び順</h3> <select class="" name="sort"> <option value="latest">新着順</option> <option value="priority">人気順</option> <option value="price_low">価格が安い順</option> <option value="price_high">価格が高い順</option> </select> </div> </div> <div class="sds__box nostockBox mb30"> <ul> <li><input type="checkbox" name="nostock" value="false" id="sds__stockd"><label for="sds__stockd" class="checkLabel">在庫のない商品を表示しない</label></li> </ul> </div> <button type="submit" id="sds_submit4" class="button--typeA button--ds"><i class="material-icons">tune</i>絞り込んで検索する</button> </form> </div> </div> <div class="pcOnly footer_searchForm"> <h2 class="h2A">商品を探す</h2> <div class="hdrSearch__inner">  <form action="/p/search" method="get" class="side__detailSearch"> <div class="row"> <div class="col-pc-4 col-sp-12"> <div class="sds__box mb20"> <h3 class="sideTitle">キーワードから探す</h3> <div class="searchForm searchFormA" role="search" method="get"> <div class="searchForm__inner"> <input type="text" value="" name="keyword" maxlength="1000" placeholder="アイテム名、品番で検索する"> <button type="submit" class="searchForm__submit"><i class="gNav__listIcon material-icons">search</i></button> </div> </div> <div class="hrd_keywordWrap"> <h3 class="hrd_keywordTitle">人気ワード</h3> <ul class="hrd_keyword"> <li><a href="/c/brand/thomasmagpie"># THOMAS MAGPIE</a></li> <li><a href="/c/brand/m53"># M53.</a></li> <li><a href="/c/brand/beatingheart"># BEATING HEART</a></li> <li><a href="/c/brand/forformo"># FORFORMO</a></li> <li><a href="/c/brand/deboncoer"># De bon coer</a></li> <li><a href="/p/search?keyword=SALE"># SALE</a></li> </ul> </div> </div> <div class="sds__box"> <div class="sds__select"> <h3 class="sideTitle">ブランドから探す</h3> <select class="" name="tag"> <option value="">-</option> <option value="02anthom">ANTHOM</option> <option value="02astraet">ASTRAET</option> <option value="02ayane">ayane</option> <option value="02beatingheart">BEATING HEART</option> <option value="02beautifulpeople">beautiful people</option> <option value="02boutiqueordinary">Boutique Ordinary</option> <option value="02cearet">CEaRET</option> <option value="02cyantokyo">CYAN TOKYO</option> <option value="02chignon">CHIGNON</option> <option value="02date">D.A.T.E.</option> <option value="02deboncoer">De bon coer</option> <option value="02divka">divka</option> <option value="02doublestandardclothing">DOUBLE STANDARD CLOTHING</option> <option value="02doublet">doublet</option> <option value="02ezumi">EZUMi</option> <option value="02forformo">FORFORMO</option> <option value="02herencia">HERENCIA</option> <option value="02intoxic">intoxic.</option> <option value="02kalna">KALNA</option> <option value="02kittle">Kittle.</option> <option value="02lalliamu">Lallia Mù</option> <option value="02maisonmargiela">Maison Margiela</option> <option value="02maisonmaverickpresents">MAISON MAVERICK PRESENTS</option> <option value="02marechalterre">MARECHAL TERRE</option> <option value="02margauxvintage">MARGAUX VINTAGE</option> <option value="02midiumisolid">MIDIUMISOLID</option> <option value="02mizuiroind">mizuiro ind</option> <option value="02mylanka">Mylanka</option> <option value="02m53">M53.</option> <option value="02nearnippon">near.nippon</option> <option value="02rapture">RAPTURE</option> <option value="02risley">Risley</option> <option value="02siwalyfluid">SIWALY fluid</option> <option value="02thomasmagpie">THOMAS MAGPIE</option> <option value="02trois">trois</option> <option value="02unitednude">UNITED NUDE</option> <option value="02usugallery">USU GALLERY</option> <option value="02upperhights">upper hights</option> <option value="02yanuk">YANUK</option> <option value="021%">1%</option> <option value="0230thirty">30 THIRTY</option> </select> </div> </div> </div> <div class="col-pc-4 col-sp-12"> <div class="sds__box mb20"> <div class="sds__select"> <h3 class="sideTitle">カテゴリーから探す</h3> <select class="searchByCate" name="tag"> <option value="">-</option> <option value="01tops">トップス</option> <option value="01pants">パンツ</option> <option value="01skirt">スカート</option> <option value="01onepiece">ワンピース</option> <option value="01outer">ジャケット・アウター</option> <option value="01bag">バッグ</option> <option value="01shoes">シューズ</option> <option value="01wallet">財布</option> <option value="01accessory">ファッション小物</option> <option value="01interior">インテリア小物</option> </select> </div> </div> <div class="sds__box sizeBox mb20"> <h3 class="sideTitle">サイズから探す</h3> <div class="sds__select othersizes"> <ul> <li><input type="checkbox" name="tag" value="03s" id="sds__select1b"><label for="sds__select1b" class="checkLabel">S</label></li> <li><input type="checkbox" name="tag" value="03m" id="sds__select2b"><label for="sds__select2b" class="checkLabel">M</label></li> <li><input type="checkbox" name="tag" value="03l" id="sds__select3b"><label for="sds__select3b" class="checkLabel">L</label></li> <li><input type="checkbox" name="tag" value="03xl" id="sds__select4b"><label for="sds__select4b" class="checkLabel">XL</label></li> <li><input type="checkbox" name="tag" value="03free" id="sds__select5b"><label for="sds__select5b" class="checkLabel">FREE</label></li> </ul> </div> <div class="sds__select shoessizes"> <ul> <li><input type="checkbox" name="tag" value="0322-22.5" id="sds__select6b"><label for="sds__select6b" class="checkLabel">22-22.5</label></li> <li><input type="checkbox" name="tag" value="0322.5-23" id="sds__select7b"><label for="sds__select7b" class="checkLabel">22.5-23</label></li> <li><input type="checkbox" name="tag" value="0323-23.5" id="sds__select8b"><label for="sds__select8b" class="checkLabel">23-23.5</label></li> <li><input type="checkbox" name="tag" value="0323.5-24" id="sds__select9b"><label for="sds__select9b" class="checkLabel">23.5-24</label></li> <li><input type="checkbox" name="tag" value="0324-24.5" id="sds__select10b"><label for="sds__select10b" class="checkLabel">24-24.5</label></li> <li><input type="checkbox" name="tag" value="0324.5-25" id="sds__select11b"><label for="sds__select11b" class="checkLabel">24.5-25</label></li> <li><input type="checkbox" name="tag" value="0325-25.5" id="sds__select12b"><label for="sds__select12b" class="checkLabel">25-25.5</label></li> <li><input type="checkbox" name="tag" value="0325.5-26" id="sds__select13b"><label for="sds__select13b" class="checkLabel">25.5-26</label></li> </ul> </div> </div> <div class="sds__box mb20"> <div class="sds__select"> <h3 class="sideTitle">並び順</h3> <select class="" name="sort"> <option value="latest">新着順</option> <option value="priority">人気順</option> <option value="price_low">価格が安い順</option> <option value="price_high">価格が高い順</option> </select> </div> </div> <div class="sds__box nostockBox mb40"> <ul> <li><input type="checkbox" name="nostock" value="false" id="sds__stockb"><label for="sds__stockb" class="checkLabel">在庫のない商品を表示しない</label></li> </ul> </div> <button type="submit" id="sds_submit3" class="button--typeA button--ds"><i class="material-icons">tune</i>絞り込んで検索する</button> </div> <div class="col-pc-4 col-sp-12"> <div class="sds__box mb20"> <h3 class="sideTitle">価格から探す</h3> <div class="sds__priceRange"><input name="minprice" maxlength="9" type="tel" class="pliceLower"> <span>円～</span> <input type="tel" name="maxprice" maxlength="9" class="priceUpper"> <span>円</span></div> </div> <div class="sds__box mb20"> <h3 class="sideTitle">カラーから探す</h3> <div class="sds__color mh"> <ul> <li> <input name="tag" value="04white" type="checkbox" id="sds__color1b"> <label for="sds__color1b" class="colorSelect"> <span>ホワイト</span> <div style="background-color: rgb(255, 255, 255);border:1px solid #1b1b1b;"></div> </label> </li> <li> <input name="tag" value="04black" type="checkbox" id="sds__color2b"> <label for="sds__color2b" class="colorSelect"> <span>ブラック</span> <div style="background-color: rgb(0, 0, 0);"></div> </label> </li> <li> <input name="tag" value="04gray" type="checkbox" id="sds__color3b"> <label for="sds__color3b" class="colorSelect"> <span>グレー</span> <div style="background-color: rgba(105, 105, 105, 1);"></div> </label> </li> <li> <input name="tag" value="04beige" type="checkbox" id="sds__color5b"> <label for="sds__color5b" class="colorSelect"> <span>ベージュ</span> <div style="background-color: rgba(195, 180, 147, 1);"></div> </label> </li> <li> <input name="tag" value="04camel" type="checkbox" id="sds__color18b"> <label for="sds__color18b" class="colorSelect"> <span>ベージュ</span> <div style="background-color: rgb(196 153 97);"></div> </label> </li> <li> <input name="tag" value="04brown" type="checkbox" id="sds__color4b"> <label for="sds__color4b" class="colorSelect"> <span>ブラウン</span> <div style="background-color: rgba(93, 71, 58, 1);"></div> </label> </li> <li> <input name="tag" value="04khaki" type="checkbox" id="sds__color7b"> <label for="sds__color7b" class="colorSelect"> <span>カーキ</span> <div style="background-color: rgba(64, 82, 24, 1);"></div> </label> </li> <li> <input name="tag" value="04navy" type="checkbox" id="sds__color9b"> <label for="sds__color9b" class="colorSelect"> <span>ネイビー</span> <div style="background-color: rgba(45, 75, 123, 1);"></div> </label> </li> <li> <input name="tag" value="04blue" type="checkbox" id="sds__color8b"> <label for="sds__color8b" class="colorSelect"> <span>ブルー</span> <div style="background-color: rgba(66, 113, 185, 1);"></div> </label> </li> <li> <input name="tag" value="04green" type="checkbox" id="sds__color6"> <label for="sds__color6" class="colorSelect"> <span>グリーン</span> <div style="background-color: rgba(75, 136, 68, 1);"></div> </label> </li> <li> <input name="tag" value="04yellow" type="checkbox" id="sds__color11b"> <label for="sds__color11b" class="colorSelect"> <span>イエロー</span> <div style="background-color: rgba(245, 232, 91, 1);"></div> </label> </li> <li> <input name="tag" value="04orange" type="checkbox" id="sds__color15b"> <label for="sds__color15b" class="colorSelect"> <span>オレンジ</span> <div style="background-color: rgba(244, 122, 58, 1);"></div> </label> </li> <li> <input name="tag" value="04red" type="checkbox" id="sds__color13b"> <label for="sds__color13b" class="colorSelect"> <span>レッド</span> <div style="background-color: rgba(227, 51, 52, 1);"></div> </label> </li> <li> <input name="tag" value="04pink" type="checkbox" id="sds__color12b"> <label for="sds__color12b" class="colorSelect"> <span>ピンク</span> <div style="background-color: rgba(254, 169, 166, 1);"></div> </label> </li> <li> <input name="tag" value="04purple" type="checkbox" id="sds__color10b"> <label for="sds__color10b" class="colorSelect"> <span>パープル</span> <div style="background-color: rgba(148, 95, 195, 1);"></div> </label> </li> <li> <input name="tag" value="04stripe" type="checkbox" id="sds__color16b"> <label for="sds__color16b" class="colorSelect"> <span>ストライプ</span> <div style="background-image: linear-gradient(black 50%, white 50%);background-size: 10px 10px;width: 28px;height: 28px;"></div> </label> </li> <li> <input name="tag" value="04multi" type="checkbox" id="sds__color17b"> <label for="sds__color17b" class="colorSelect"> <span>マルチ</span> <div style="border-style: solid;border-width: 14px;border-color: green blue yellow red;transform: rotate(-45deg);"></div> </label> </li> </ul> </div> </div> </div> </div> </form> </div> </div> <footer id="ftr" class="ftr--typeB"> <div class="p0"> <div class="fNav--typeA container pcOnly"> <div class="row"> <nav class="col-pc-4 col-sp-6 col-sp2-12 fNav__list"> <h3>CATEGORY</h3> <ul class="fnav--list--cate"> <li class=""><a href="/c/category" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_01.png" width="30" alt="">新着商品</a></li> <li class=""><a href="/c/sale" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_12.png" width="30" alt="">セール</a></li> <li class=""><a href="/c/category/tops" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_04.png" width="30" alt="">トップス</a></li> <li class=""><a href="/c/category/pants" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_07.png" width="30" alt="">パンツ</a></li> <li class=""><a href="/c/category/skirt" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_10.png" width="30" alt="">スカート</a></li> <li class=""><a href="/c/category/onepiece" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_02.png" width="30" alt="">ワンピース</a></li> <li class=""><a href="/c/category/outer" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_05.png" width="30" alt="">アウター</a></li> <li class=""><a href="/c/category/bag" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_08.png" width="30" alt="">バッグ</a></li> <li class=""><a href="/c/category/shoes" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_03.png" width="30" alt="">シューズ</a></li> <li class=""><a href="/c/category/wallet" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_11.png" width="30" alt="">財布</a></li> <li class=""><a href="/c/category/goods" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_06.png" width="30" alt="">アクセサリー</a></li> <li class=""><a href="/c/category/Interiorgoods" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_09.png" width="30" alt="">インテリア</a></li> </ul> </nav> <nav class="col-pc-5 col-sp-6 col-sp2-12 fNav__list"> <h3>BRAND</h3> <ul class="fnav--list--brand"> <li><a href="/c/brand/1percent"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon01_sp.jpg" alt="1%"></a></li> <li><a href="/c/brand/astraet"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon02_sp.jpg" alt="ASTRAET"></a></li> <li><a href="/c/brand/beatingheart"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon03_sp.jpg" alt="BEATINGHEART"></a></li> <li><a href="/c/brand/beautifulpeople"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon04_sp.jpg" alt="beautiful people"></a></li> <li class="pcOnly ft_icon"><a href="/c/brand/cearet"><img src="https://salonmode.itembox.design/item/re2403/onlyft_icon02.jpg" alt="CEaRET"></a></li> <li class="pcOnly ft_icon"><a href="/c/brand/chignon"><img src="https://salonmode.itembox.design/item/re2403/onlyft_icon01.jpg" alt="CHIGNON"></a></li> <li><a href="/c/brand/divka"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon05_sp.jpg" alt="divka"></a></li> <li><a href="/c/brand/doublestandardclothing"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon06_sp.jpg" alt="DOUBLE STANDARD CLOTHING"></a></li> <li><a href="/c/brand/doublet"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon07_sp.jpg" alt="doublet"></a></li> <li><a href="/c/brand/ezumi"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon08_sp.jpg" alt="EZUMi"></a></li> <li><a href="/c/brand/forformo"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon09_sp.jpg" alt="FORFORMO"></a></li> <li><a href="/c/brand/m53"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon10_sp.jpg" alt="M53."></a></li> <li><a href="/c/brand/maisonmargiela"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon11_sp.jpg" alt="Maison Margiela"></a></li> <li><a href="/c/brand/marechalterre"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon12_sp.jpg" alt="marechalterre"></a></li> <li><a href="/c/brand/margauxvintage"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon13_sp.jpg" alt="MARGAUX VINTAGE"></a></li> <li><a href="/c/brand/nearnippon"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon14_sp.jpg" alt="near.nippon"></a></li> <li><a href="/c/brand/risley"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon15_sp.jpg" alt="Risley"></a></li> <li><a href="/c/brand/siwalyfluid"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon16_sp.jpg" alt="SIWALY fluid"></a></li> <li><a href="/c/brand/thomasmagpie"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon17_sp.jpg" alt="THOMAS MAGPIE"></a></li> <li><a href="/c/brand/unitednude"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon18_sp.jpg" alt="unitednude"></a></li> <p class="text--center"><a href="/c/brand" class="button arrow">view all brands</a></p> <style> .ft_icon {display: none;} .fnav--list--brand .ft_icon {display: block;} </style> </ul> <h3>CONTENTS</h3> <ul> <li><a href="/category/styling/" class="">STYLING</a></li> <li><a href="/category/blog/" class="">BLOG</a></li> <li><a href="/category/news/" class="">NEWS</a></li> </ul> </nav>  <div class="col-pc-3 col-sp-6 col-sp2-12"> <div class="fnavLogo_wrap"> <div class="fNav__logo"> <a href="/"><picture> <source srcset="https://salonmode.itembox.design/item/logo.svg?t=20240229125917" width="100" media="(max-width: 750px)"> <img itemprop="logo" src="https://salonmode.itembox.design/item/logo.svg?t=20240229125917" alt="MFG" width="120"> </picture></a> </div> <ul class="snsNav"> <li><a href="https://www.instagram.com/mfg_webstore/" target="_blank" rel="noopener"><img src="https://salonmode.itembox.design/item/img/re2403/instagram.svg" alt="Instagram" width="24" height="24"></a></li> <li><a href="https://line.me/R/ti/p/%40544bnehg" target="_blank" rel="noopener"><img src="https://salonmode.itembox.design/item/img/re2403/line.svg" alt="LINE" width="24" height="24"></a></li> </ul> <div class="ftr_bnr"> <a href="/f/member_lp"><img src="https://salonmode.itembox.design/item/img/re2403/drw_bnr.jpg" alt="サイト会員登録 + LINE友だち追加で合計 1,000P プレゼント"></a> </div> </div> </div> </div> </div> <div class="fNav--typeB container pcOnly"> <ul class="fNav__list"> <li><a href="/f/shoplist">店舗情報</a></li> <li><a href="/f/guide">ご利用ガイド</a></li> <li><a href="/f/faq">よくあるご質問</a></li> <li><a href="/f/contact" target="_blank">お問い合わせ</a></li> <li><a href="/p/about/terms">特定商取引法</a></li> <li><a href="/p/about/privacy-policy">プライバシーポリシー</a></li> </ul> </div> <div class="fnav--custom spOnly"> <h3>BRAND</h3> <ul class="fnav--list fnav--list--brand"> <li><a href="/c/brand/1percent"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon01_sp.jpg" alt="1%"></a></li> <li><a href="/c/brand/astraet"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon02_sp.jpg" alt="ASTRAET"></a></li> <li><a href="/c/brand/beatingheart"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon03_sp.jpg" alt="BEATINGHEART"></a></li> <li><a href="/c/brand/beautifulpeople"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon04_sp.jpg" alt="beautiful people"></a></li> <li class="pcOnly ft_icon"><a href="/c/brand/cearet"><img src="https://salonmode.itembox.design/item/re2403/onlyft_icon02.jpg" alt="CEaRET"></a></li> <li class="pcOnly ft_icon"><a href="/c/brand/chignon"><img src="https://salonmode.itembox.design/item/re2403/onlyft_icon01.jpg" alt="CHIGNON"></a></li> <li><a href="/c/brand/divka"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon05_sp.jpg" alt="divka"></a></li> <li><a href="/c/brand/doublestandardclothing"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon06_sp.jpg" alt="DOUBLE STANDARD CLOTHING"></a></li> <li><a href="/c/brand/doublet"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon07_sp.jpg" alt="doublet"></a></li> <li><a href="/c/brand/ezumi"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon08_sp.jpg" alt="EZUMi"></a></li> <li><a href="/c/brand/forformo"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon09_sp.jpg" alt="FORFORMO"></a></li> <li><a href="/c/brand/m53"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon10_sp.jpg" alt="M53."></a></li> <li><a href="/c/brand/maisonmargiela"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon11_sp.jpg" alt="Maison Margiela"></a></li> <li><a href="/c/brand/marechalterre"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon12_sp.jpg" alt="marechalterre"></a></li> <li><a href="/c/brand/margauxvintage"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon13_sp.jpg" alt="MARGAUX VINTAGE"></a></li> <li><a href="/c/brand/nearnippon"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon14_sp.jpg" alt="near.nippon"></a></li> <li><a href="/c/brand/risley"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon15_sp.jpg" alt="Risley"></a></li> <li><a href="/c/brand/siwalyfluid"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon16_sp.jpg" alt="SIWALY fluid"></a></li> <li><a href="/c/brand/thomasmagpie"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon17_sp.jpg" alt="THOMAS MAGPIE"></a></li> <li><a href="/c/brand/unitednude"><img src="https://salonmode.itembox.design/item/img/re2403/ft_icon18_sp.jpg" alt="unitednude"></a></li> <p class="text--center"><a href="/c/brand" class="button arrow">view all brands</a></p> <style> .ft_icon {display: none;} .fnav--list--brand .ft_icon {display: block;} </style> </ul> <h3>CATEGORY</h3> <ul class="fnav--list fnav-list--half"> <li class=""><a href="/c/category" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_01.png" width="30" alt="">新着商品</a></li> <li class=""><a href="/c/sale" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_12.png" width="30" alt="">セール</a></li> <li class=""><a href="/c/category/tops" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_04.png" width="30" alt="">トップス</a></li> <li class=""><a href="/c/category/pants" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_07.png" width="30" alt="">パンツ</a></li> <li class=""><a href="/c/category/skirt" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_10.png" width="30" alt="">スカート</a></li> <li class=""><a href="/c/category/onepiece" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_02.png" width="30" alt="">ワンピース</a></li> <li class=""><a href="/c/category/outer" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_05.png" width="30" alt="">アウター</a></li> <li class=""><a href="/c/category/bag" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_08.png" width="30" alt="">バッグ</a></li> <li class=""><a href="/c/category/shoes" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_03.png" width="30" alt="">シューズ</a></li> <li class=""><a href="/c/category/wallet" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_11.png" width="30" alt="">財布</a></li> <li class=""><a href="/c/category/goods" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_06.png" width="30" alt="">アクセサリー</a></li> <li class=""><a href="/c/category/Interiorgoods" class="withIcon"><img src="https://salonmode.itembox.design/item/cate_09.png" width="30" alt="">インテリア</a></li> </ul> <ul> <li class="hasChildren--click"> <h3 class="--plus">ABOUT</h3> <ul style="display:none;" class="fnav--list fnav-list--half"> <li><a href="/f/shoplist">店舗情報</a></li> <li><a href="/f/guide">ご利用ガイド</a></li> <li><a href="/f/faq">よくあるご質問</a></li> <li><a href="/f/contact" target="_blank">お問い合わせ</a></li> <li><a href="/p/about/terms">特定商取引法</a></li> <li><a href="/p/about/privacy-policy">プライバシーポリシー</a></li> </ul> </li> </ul> <div class="fNav__logo"> <a href="/"><picture> <source srcset="https://salonmode.itembox.design/item/logo.svg?t=20240229125917" width="100" media="(max-width: 750px)"> <img itemprop="logo" src="https://salonmode.itembox.design/item/logo.svg?t=20240229125917" alt="MFG" width="120"> </picture></a> <ul class="snsNav"> <li><a href="https://www.instagram.com/mfg_webstore/" target="_blank" rel="noopener"><img src="https://salonmode.itembox.design/item/img/re2403/instagram.svg" alt="Instagram" width="24" height="24"></a></li> <li><a href="https://line.me/R/ti/p/%40544bnehg" target="_blank" rel="noopener"><img src="https://salonmode.itembox.design/item/img/re2403/line.svg" alt="LINE" width="24" height="24"></a></li> </ul> </div> </div> </div> <div class="copyright copyright--typeA">© 2023 SALON MODE. All rights Reserved. </div> </footer> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> <script> // ver1.0.1 // ヒーローヘッダー　100vhのスマホ対応 function setHeight() { let vh = window.innerHeight * 0.01; } setHeight(); var menuState = false; var dropState = false; window.addEventListener("load", function () { $(".mainSlider").each(function () { const $this = $(this); const data = $this.data(); const defaultOptions = { dots: data["dot"] !== false, arrow: data["arrow"] !== false, infinite: true, autoplay: true, autoplaySpeed: 5000, lazyLoad: "progressive", slidesToShow: 1, slidesToScroll: 1, }; const slideCount = $this.children("li").length; //const randomStart = Math.floor(Math.random() * slideCount); if (data["center"] === true) { $.extend(defaultOptions, { centerMode: true, centerPadding: "30px", variableWidth: true }); } else if (data["fade"] === true) { $.extend(defaultOptions, { fade: true, pauseOnFocus: false, pauseOnHover: false }); $this.on({ beforeChange: function (event, slick, currentSlide, nextSlide) { $(".slick-slide", this).eq(currentSlide).addClass("preve-slide"); $(".slick-slide", this).eq(nextSlide).addClass("fadeAnimetion"); }, afterChange: function () { $(".preve-slide", this).removeClass("preve-slide fadeAnimetion"); } }); $this.find(".slick-slide").eq(0).addClass("fadeAnimetion"); } else { $.extend(defaultOptions, { // initialSlide: randomStart }); } $this.slick(defaultOptions); }); const $contentSliders = $(".contentsSlider"); if ($contentSliders.length) { $contentSliders.each(function () { const $this = $(this); const pcshow = $this.data("pcshow") || 4; const pcscroll = $this.data("pcscroll") || 4; const spshow = $this.data("spshow") || 2; const spscroll = $this.data("spscroll") || 2; const infinite = !($this.data("infinite") == false || $this.hasClass("itemList--ranking")); const defaultOptions = { dots: false, arrow: true, infinite: infinite, lazyLoad: "progressive", slidesToShow: pcshow, slidesToScroll: pcscroll, autoplay: true, autoplaySpeed: 5000, speed: 150, swipeToSlide: true, responsive: [ { breakpoint: 991, settings: { slidesToShow: 3, slidesToScroll: 3, }, }, { breakpoint: 768, settings: { slidesToShow: spshow, slidesToScroll: spscroll, }, }, ], }; $this.slick(defaultOptions); }); } if ($(".mainVisual--integrate").length && $(".hdr--integrate").length) { var hdr = $(".hdr--integrate"); hdr.addClass("active"); $(window).on("scroll", function (event) { var scroll = $(window).scrollTop(); if (scroll > 300) { hdr.addClass("integrate--fixed"); } else { hdr.removeClass("integrate--fixed"); } }); } else if ($(".hdr--integrate").length) { hdrFixed($(".hdr--integrate")); } // 初期化 sNavOut(".header__nav"); // ナビ固定 // 共通 if ($(".hdrFixed").length) { hdrFixed($(".hdrFixed")); } else { var ua = navigator.userAgent; // タブレット・スマートフォン時 if ( ((ua.indexOf("iPhone") > 0 || ua.indexOf("Android") > 0) && ua.indexOf("Mobile") > 0) || ua.indexOf("iPad") > 0 ) { if ($(".hdrFixed--sp").length) { hdrFixed($(".hdrFixed--sp")); } // PC } else { if ($(".hdrFixed--pc").length) { hdrFixed($(".hdrFixed--pc")); } } } function hdrFixed(target) { target.after('<div class="h_box"></div>'); var h = target.height(); var h_top = target.offset().top; $(".h_box").height("0"); $(window).on("load scroll resize", function (event) { var scroll = $(window).scrollTop(); if (scroll >= h_top) { target.css({ position: "fixed", top: "0px", width: "100%", "z-index": "998", }); target.addClass("scrolled_h"); $(".h_box").height(h); } else { target.css({ position: "", }); target.removeClass("scrolled_h"); $(".h_box").height("0"); } }); } }); // ハンバーガーメニュー展開 $(document).on("click", ".menuToggle", function () { $("#drawer").toggleClass("open"); $("#overlay").toggleClass("open"); $("body").toggleClass("open"); return false; }); $(document).on("click", ".menuClose", function () { $("#drawer").removeClass("open"); $("#overlay").removeClass("open"); $("body").removeClass("open"); return false; }); // SPのみアコーディオン $(document).on("click", ".sp-toggle", function () { var windowWidth = $(window).width(); if (windowWidth < 768) { $(this).next("ul").slideToggle(); $(this).toggleClass("open"); } }); $(document).on("click", ".hdrSearch--toggle > span,.hdrSearch--toggle > a", function () { const $this = $(this); const $icon = $this.find(".material-icons"); const iconText = $icon.text(); $this.next().slideToggle(); if (iconText === "search") { $icon.text("close"); } else if (iconText === "close") { $icon.text("search"); } // $this.parents(".hdrSearch--toggle").toggleClass("open"); $(this).parents(".hdrSearch--toggle").siblings(".hdrSearch--toggle").find(".hdrSearch__wrap").slideUp(); return false; }); $(document).on("click", ".toggleSearch_sp0", function(){ $("#hdr").find(".hdrSearch--toggle0 .hdrSearch__wrap").slideToggle(); var sIcon = $("#hdr").find(".hdrSearch--toggle0 > span").find(".material-icons"); console.log(sIcon); if (sIcon.text() === "search") { sIcon.text("close"); } else if (sIcon.text() === "close") { sIcon.text("search"); } return false; }); $(document).on("click", ".hdrSearch--toggle.hdrSearch--toggle--custom > span,.hdrSearch--toggle.hdrSearch--toggle--custom > a", function () { const $this = $(this); const $icon = $this.find(".material-icons"); const iconText = $icon.text(); $this.next().slideToggle(); if (iconText === "search") { $icon.text("close"); } else if (iconText === "close") { $icon.text("search"); } // $this.parents(".hdrSearch--toggle").toggleClass("open"); $(".hdrSearch--toggle--simple").find(".hdrSearch__wrap").slideUp(); $(".hdrSearch--toggle--simple > span").find(".material-icons").text("search"); return false; }); $(document).on("click", ".hdrSearch--toggle.hdrSearch--toggle--simple > span,.hdrSearch--toggle.hdrSearch--toggle--simple > a", function () { const $this = $(this); const $icon = $this.find(".material-icons"); const iconText = $icon.text(); $this.next().slideToggle(); if (iconText === "search") { $icon.text("close"); } else if (iconText === "close") { $icon.text("search"); } // $this.parents(".hdrSearch--toggle").toggleClass("open"); $(".hdrSearch--toggle--custom").find(".hdrSearch__wrap").slideUp(); return false; }); // ナビゲーション　子要素展開 $(function () { var ua = navigator.userAgent; // タブレット・スマートフォン時 if ( ((ua.indexOf("iPhone") > 0 || ua.indexOf("Android") > 0) && ua.indexOf("Mobile") > 0) || ua.indexOf("iPad") > 0 ) { $(".hasChildren > a") .on("mouseenter touchstart", function () { $(this).toggleClass("open"); $(this).next("ul,.megaMenu").toggleClass("open"); return false; }) .on("mouseleave touchend", function () { return false; }); $(".hasChildren .hasChildren--close > a").on( "mouseenter touchstart", function () { $(this).parents("ul").removeClass("open").prev("a").removeClass("open"); return false; } ); } else { // PC時 $(".hasChildren") .on("mouseenter", function () { $(this).children("a").addClass("open"); $(this).children("ul,.megaMenu").addClass("open"); }) .on("mouseleave", function () { $(this).children("a").removeClass("open"); $(this).children("ul,.megaMenu").removeClass("open"); }); } }); $(document).on('click', '.hasChildren--click > a,.hasChildren--click > span,.hasChildren--click > h3', function() { const $this = $(this); const $ul = $this.next('ul'); if ($this.hasClass('open')) { $this.removeClass('open'); $ul.removeClass('open').slideUp(); } else { const $gNav = $this.closest('.gNav'); $gNav.find('.hasChilds > span').removeClass('open'); $gNav.find('.hasChilds > span').next('ul').removeClass('open').slideUp(0); $this.addClass('open'); $ul.addClass('open').slideDown(); } return false; }); $(document).on("click", ".hasChildren--clickSP > h2", function () { var windowWidth = $(window).width(); if (windowWidth < 768) { var next = $(this).next(); if ($(this).hasClass("open")) { $(this).removeClass("open"); next.removeClass("open"); next.slideUp(); } else { const all = $(this) .parents("li") .parents() .parents(".gNav") .find(".hasChilds > span"); all.removeClass("open"); all.next().removeClass("open").slideUp(0); $(this).addClass("open"); next.addClass("open").slideDown(); } return false; } }); // SPヘッダーD　カテゴリーナビ $(document).on("click", ".hdrCatMenu--toggle", function () { if ($(this).hasClass("open")) { $(this).removeClass("open"); $(this).next("ul").removeClass("open").slideUp(); } else { $(".hdrCatMenu--toggle.open").next("ul").hide().removeClass("open"); $(".hdrCatMenu--toggle.open").removeClass("open"); $(this).addClass("open"); $(this).next("ul").addClass("open").slideDown(); } return false; }); function sNavIn(_this) { $(_this).addClass("open"); $(".menuBg--close").addClass("open"); $(_this).css({ left: 0, }); } function sNavOut(_this) { var windowWidthMinus = document.documentElement.clientWidth * -1; $(_this).removeClass("open"); $(".menuBg--close").removeClass("open"); $(_this).css({ left: windowWidthMinus, }); } // スクロールボタン $(function () { if ($(".mainSliderSec").length || $(".mainVisual").length) { if ($(".mainVisual--hero").length) { var position = $(window).height(); } else if ($(".mainSliderSec").length) { var position = $(".mainSliderSec + * ").offset().top; } else { var position = $(".mainVisual + * ").offset().top; } $("#scrollBtn").click(function () { $("html,body").animate( { scrollTop: position, // さっき変数に入れた位置まで }, { queue: false, // どれくらい経過してから、アニメーションを始めるか。キュー[待ち行列]。falseを指定すると、キューに追加されずに即座にアニメーションを実行。 } ); return false; }); } }); // TOPに戻るボタン $(function() { const $toTop = $("#toTop"); if ($toTop.length) { $toTop.hide(); $(window).on('scroll', function() { if ($(this).scrollTop() > 800) { $toTop.fadeIn(); } else { $toTop.fadeOut(); } }); $toTop.on('click', function() { $("body,html").animate({scrollTop: 0}, 500); return false; }); } }); // 検索ランキングキーワード $(function () { // テキストボックスにフォーカス時、フォームの背景色を変化 $('.keywordRanking input[type="text"]') .focusin(function (e) { $(this) .parents(".keywordRanking") .next(".keywordRanking__toggle") .addClass("open"); }) .focusout(function (e) { setTimeout(function () { $(".keywordRanking__toggle.open").removeClass("open"); }, 200); }); }); // マルチグリッド横スクロール $(function () { $(".lightSlider .multiGrid").each(function () { const $grid = $(this); const $slider = $grid.parents(".lightSlider"); $grid.after('<div class="prevBtn"></div>', '<div class="nextBtn"></div>'); const $leftButton = $grid.next(".prevBtn"); const $rightButton = $leftButton.next(".nextBtn"); let width = 0; $grid.children("li").each(function () { width += $(this).outerWidth(true); }); //右へ $rightButton.click(function () { $grid.animate({ scrollLeft: $grid.scrollLeft() + 600 }, 300); return false; }); //左へスクロールで表示 $grid.scroll(function () { if ($grid.scrollLeft() < width - $grid.width()) { $rightButton.fadeIn(); } else { $rightButton.fadeOut(); } }); //左へ $leftButton.click(function () { $grid.animate({ scrollLeft: $grid.scrollLeft() - 600 }, 300); return false; }); //右へスクロールで表示 $leftButton.hide(); $grid.scroll(function () { if ($grid.scrollLeft() > 0) { $leftButton.fadeIn(); } else { $leftButton.fadeOut(); } }); }); }); // テキスト横スクロール var spSwiperDone = false; $(window).on("load resize", function (event) { if ( window.innerWidth < 992 && spSwiperDone == false && $(".spSwiper").length ) { $(".spSwiper").slick({ autoplay: false, speed: 300, slidesToShow: 1, slidesToScroll: 1, centerMode: false, variableWidth: true, touchMove: true, swipeToSlide: true, infinite: false, }); spSwiperDone = true; } }); // タブ切り替え $(function() { $(".tabSwitch > li").on('click', function() { var $this = $(this); if (!$this.hasClass('active')) { $this.siblings().removeClass('active'); $this.addClass('active'); var tabNum = $this.index(); var $tabContents = $this.closest(".tab").find(".tabContent"); $tabContents.hide().eq(tabNum).fadeIn("500"); } }); }); $(function() { if ($(".wow").length) { $(window).on("scroll", function () { $(".wow").each(function () { var position = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > position - windowHeight + windowHeight / 4) { $(this).addClass("animated"); } }); }); } }); if (window.innerWidth < 767) { $(".cateList__hasChildren").click(function () { $(this).toggleClass("open").next().toggleClass("open").slideToggle(); return false; }); } // 詳細検索モーダル $(document).on("click", "#mdsBg,#mdsClose", function () { $("#modalDetailSearch").removeClass("open"); return false; }); $(document).on("click", "#openDetailSearch", function () { $("#modalDetailSearch").addClass("open"); return false; }); $(function(){ $(".side__detailSearch").each(function(){ $(this).find(".searchByCate").on("change", function(){ var selectedCate = $(this).val(); console.log(selectedCate); if( selectedCate == "shoes" || selectedCate == "01shoes" ){ $(".sizeBox").find(".othersizes").hide(); $(".sizeBox").find(".othersizes").find('input[type=checkbox]').prop('checked',false); $(".sizeBox").find(".shoessizes").fadeIn(); }else{ $(".sizeBox").find(".shoessizes").find('input[type=checkbox]').prop('checked',false); $(".sizeBox").find(".shoessizes").hide(); $(".sizeBox").find(".othersizes").fadeIn(); } }); }); }); $(function(){ $(".js-moreBtn").on("click", function() { $(this).parents('p').prev(".js-more").find('li').fadeIn("fast"); $(this).hide(); return false; }); }); $(function(){ $(".js-moreBtn--ranking").on("click", function() { $(this).parents('p').prev(".js-more").find('.itemList__unit').fadeIn("fast"); $(this).hide(); return false; }); }); // ＊＊＊＊＊＊＊ // CMS固有 // ＊＊＊＊＊＊＊ $('.fs-c-productListCarousel__list__itemTrack').each(function() { // 商品表示パーツのクラスを付与 $(this).addClass('itemList'); $(this).parents('.fs-c-productListCarousel__list').removeClass('fs-c-productListCarousel__list').addClass('ccItemListContainer'); $(this).removeClass('fs-c-productListCarousel__list__itemTrack'); $(this).find('article.fs-c-productListCarousel__list__item.fs-c-productListItem').each(function() { $(this).removeClass('fs-c-productListCarousel__list__item fs-c-productListItem').addClass('itemList__unit'); // 商品名 var name = $(this).find('.fs-c-productListItem__productName .fs-c-productName__name').text(); var namecopy = $(this).find('.fs-c-productListItem__productName .fs-c-productName__copy').text(); var tag = $(this).find('.fs-c-productMarks').html(); // 画像をdataLazyから抽出してパース var dataLazy = ''; var img = ''; $(this).find('img.fs-c-productImage__image').each(function() { dataLazy = $(this).attr('data-lazy'); $(this).attr('src', dataLazy); }); if (dataLazy != '') { img = '<img src="' + dataLazy + '" alt="' + name + '" class="itemImg" />'; } // 商品URL var url = $(this).find('.fs-c-productListItem__productName a').attr('href'); // 価格 var price = $(this).find('.fs-c-productListItem__prices.fs-c-productPrices').html(); // 在庫表示 var stockClass = $(this).find('.fs-c-productListItem__lowInStock.fs-c-productListItem__notice.fs-c-productStock').attr('class'); console.log(stockClass); var stock = $(this).find('.fs-c-productListItem__lowInStock.fs-c-productListItem__notice.fs-c-productStock').html(); if (stock != undefined) { stock = '<div class="' + stockClass + '">' + stock + '</div>'; } else { stock = ''; } if (tag != undefined) { tag = '<div id="itemtag">' + tag + '</div>'; }else{ tag = '<div id="itemtag"></div>'; } // ボタン＆お気に入り var btn = $(this).find('.fs-c-productListItem__control.fs-c-buttonContainer'); // パース var html = '<a class="itemWrap" href="' + url + '"><div class="itemImg_wrap">' + img + '</div>' + tag + '<p class="itemName_copy">' + namecopy + '</p>' + '<p class="itemName">' + name + '</p>' + price + stock + '</a>'; $(this).html(html); $('.fs-c-productListCarousel__ctrl').hide(); }); $('.fs-c-button--carousel').hide(); }); //var und = document.getElementById("itemtag").innerHTML; //und = und.replace("undefined",""); //document.getElementById("itemtag").innerHTML = und; $(document).on('click', '.toggleSearch_pc', function() { $(".popup_detailsearch").fadeIn(); }); $(document).on("click", ".js-modal-close", function () { $(".popup_detailsearch").fadeOut(); }); $(window).on("load", function(){ var cartAm = $(".cartAmount_move .cartAmount").text(); console.log("cartNum " + cartAm); if( cartAm != 0 ){ $(".cartAmount_move .cartAmount").prependTo($(".iconNav__cart")); } }); </script> </footer> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://salonmode.co.jp/", "name": "HOME" } },{ "@type": "ListItem", "position": 2, "item": { "@id": "https://salonmode.co.jp/c/brand", "name": "ブランド" } },{ "@type": "ListItem", "position": 3, "item": { "@id": "https://salonmode.co.jp/c/brand/upperhights", "name": "upper hights" } },{ "@type": "ListItem", "position": 4, "item": { "@id": "https://salonmode.co.jp/c/brand/upperhights/222PW0802", "name": "upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802", "image": "https://salonmode.itembox.design/product/024/000000002478/000000002478-01-l.jpg?t=20240519154602" } }] } </script> <script type="application/ld+json"> [ { "@context": "http://schema.org", "@type": "Product", "name": "upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802", "image": "https://salonmode.itembox.design/product/024/000000002478/000000002478-01-xs.jpg?t=20240519154602", "description": "upper hights（アッパーハイツ）", "sku": "2478h1v1", "brand": { "@type": "Thing", "name": "upper hights（アッパーハイツ）" }, "offers": { "@type": "Offer", "priceCurrency": "JPY", "price": "7700", "itemCondition": "http://schema.org/NewCondition", "availability": "http://schema.org/OutOfStock", "seller": { "@type": "Organization", "name": "MFG WEBSTORE" } } }, { "@context": "http://schema.org", "@type": "Product", "name": "upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802", "image": "https://salonmode.itembox.design/product/024/000000002478/000000002478-07-xs.jpg?t=20240519154602", "description": "upper hights（アッパーハイツ）", "sku": "2478h1v3", "brand": { "@type": "Thing", "name": "upper hights（アッパーハイツ）" }, "offers": { "@type": "Offer", "priceCurrency": "JPY", "price": "7700", "itemCondition": "http://schema.org/NewCondition", "availability": "http://schema.org/InStock", "seller": { "@type": "Organization", "name": "MFG WEBSTORE" } } } ] </script> <div class="fixed_cartbtn"> <div class="fixedCart_inner"> <div class="fixedCart_itemImg"><img src="https://salonmode.itembox.design/product/024/000000002478/000000002478-01-l.jpg?t=20240519154602" alt="upper hights（アッパーハイツ） | THE BUGGY TEE | 222PW0802"></div> <div class="fixedCart_itemInfo"> <p>合計16,500円(税込)以上で送料無料</p> <div class="fixedCart_itemPrice"></div> <ul class="fixed_cartbtnList"> <li class="fs-clientInfo"> <a class="guest my-{@ member.logged_in @} detail_cart_favorite"><i class="material-icons">favorite_outline</i></a> <a class="member my-{@ member.logged_in @} detail_cart_favorite"><i class="material-icons">favorite_outline</i></a> </li> <li> <a class="detail_cart_cart"><i class="material-icons">add_shopping_cart</i>カートに入れる</a> </li> </ul> </div> </div> </div> <style type="text/css"> /* カートポップアップ */ #fs_form_clone .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 18px; } #fs_form_clone .fs-c-productPrices--productDetail .fs-c-productPrice { line-height: 21px; } #fs_form_clone span.fs-c-productPointDisplay__label { height: 15px; padding-right: 5px; } #fs_form_clone span.fs-c-productPointDisplay__label:before { width: 15px; height: 15px; background: ; background-size: contain; } #fs_form_clone .fs-c-productPointDisplay { font-size: 10px; padding: 2px 8px; line-height: 14px; padding: 0; margin-bottom: 20px; } #fs_form_clone .fs-c-variationLabel { /*font-size: 10px;*/ line-height: 14px; } #fs_form_clone { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999; display: flex; align-items: center; justify-content: center; margin: auto !important; opacity: 0; pointer-events: none; transition: 0.3s; overflow-x: hidden; overflow-y: auto; } #fs_form_clone.open { opacity: 1; transition: 0.3s; } #fs_form_clone span.cart_closebtn.cartClose { position: absolute; right: -5px; top: -10px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50px; background: #f0f0f0; color: initial; font-size: 11px; pointer-events: all; cursor: pointer; } #fs_form_clone span.cart_closebtn.cartClose i.material-icons { font-size: 15px; } .overlay_cart { position: fixed; display: block; z-index: 9999998; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; pointer-events: none; text-align: right; color: #fff; padding: 20px; cursor: pointer; transition: 0.3s; } .overlay_cart.open { opacity: 1; pointer-events: all; transition: 0.3s; } #fs_form_clone .fs-c-variationAndActions__variationWrap { position: relative; width: 650px; background: #fff; padding: 25px; } #fs_form_clone.open .fs-c-variationAndActions__variationWrap { pointer-events: all; } #fs_form_clone .fs-c-variationAndActions__variation { /*position: relative;*/ background: #fff; padding: 0; border-radius: 0; width: 100%; max-height: 90vh; overflow-y: auto; } #fs_form_clone .fs-c-variationAndActions.open .fs-c-variationAndActions__variation { pointer-events: all; } #fs_form_clone .fs-c-variationAndActions__variation.favorite .fs-c-variationCart__cartButton { display: none!important; } #fs_form_clone .fs-c-variationAndActions__variation.favorite .fs-c-variationCart--withImage > li { -ms-grid-columns: 10px auto auto auto 40px; grid-template-columns: 10px auto auto auto 40px; } #fs_form_clone .fs-c-variationAndActions__variation.favorite .fs-c-variationCart__wishlist { grid-column-start: 5; } #fs_form_clone .detail_cartList li { list-style: none; } #fs_form_clone .detail_cartList li a { display: block; padding: 15px 0; font-size: 15px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; } #fs_form_clone .detail_cartList li a.detail_cart_cart { background: #20be20; } #fs_form_clone .detail_cartList li a.detail_cart_favorite { background: #fb6d6d; } #fs_form_clone .detail_cartList li a span { vertical-align: middle; } #fs_form_clone .detail_cartList li a span img { margin-right: 8px; } #fs_form_clone .detail_cartList li:nth-of-type(n+2) { margin-top: 10px; } #fs_form_clone .fs-l-productLayout .fs-c-inquiryAboutProduct, .fs-l-productLayout .fs-c-returnedSpecialContract, .fs-l-productLayout .fs-c-productReview__addReview { margin-bottom: 0 !important; padding: 6px 0; line-height: 24px; } #fs_form_clone .fs-c-productNumber { padding: 2px 8px; margin-bottom: 0 !important; line-height: 24px; width: fit-content; } #fs_form_clone .fs-c-productPrices.fs-c-productPrices--productDetail { margin: 6px 0; } #fs_form_clone .fs-c-variationAndActions__variation_tit { display: none; text-align: center; font-size: 18px; font-weight: bold; line-height: 19px; margin-bottom: 20px; } #fs_form_clone .fs-c-variationAndActions__variation_tit.variationAndActions__variation_carttit.open { display: block; } #fs_form_clone .fs-c-variationAndActions__variation_tit.variationAndActions__variation_favtit.open { display: block; } #fs_form_clone .fs-c-productSelection__name { line-height: 1.5; padding: 10px; margin-bottom: 5px; } #fs_form_clone .fs-c-productSelection__selection { padding: 0; margin-bottom: 10px; } #fs_form_clone .vari_radio {display: none;visility: hidden;} #fs_form_clone .fs-c-productActionButton { margin-top: 25px; } @media (max-width: 767px) { #fs_form_clone .fs-c-variationAndActions__variationWrap { width: 90%; padding: 25px 15px; } } .fixed_cartbtn { position: fixed; bottom: 10%; /*left: 0;*/ right: 0; background: #fff; padding: 30px 35px; width: 100%; max-width: 400px; display: none; border: 1px solid #5B5D63; z-index: 999; } ul.fixed_cartbtnList { display: flex; justify-content: space-between; max-width: 800px; margin: auto; list-style: none; align-items: center; } ul.fixed_cartbtnList li a { cursor: pointer; font-size: 20px; } ul.fixed_cartbtnList li a:hover {color: #B10000;} ul.fixed_cartbtnList li a i {line-height: 44px;margin-right: 8px;font-size: 30px;} ul.fixed_cartbtnList li { /* width: 48%;*/ } ul.fixed_cartbtnList li a.detail_cart_cart i { font-size: 14px; margin-right: 5px; line-height: 1; vertical-align: text-bottom; } ul.fixed_cartbtnList li:nth-child(2) {flex: 1 0 auto;} ul.fixed_cartbtnList li a.detail_cart_cart { background: #B10000; color: #fff; border-radius: 20px; padding: 10px 0; font-size: 12px; text-align: center; display: block; } ul.fixed_cartbtnList li a { /*background: #fb6d6d; color: #fff;*/ } .fixedCart_itemImg { max-width: 100px; } .fixedCart_inner { display: flex; gap: 20px; } .fixedCart_itemInfo p {font-size: 12px;line-height: 24px;margin-bottom: 0;letter-spacing: 1px;} @media (max-width: 767px) { .fixed_cartbtn { position: fixed; left: 0; bottom: 0px; padding: 15px 12px; max-width: 100%; } ul.fixed_cartbtnList li a { font-size: 1.6rem; } .fixedCart_itemImg {display: none;} .fixedCart_itemInfo { display: flex; flex-wrap: wrap; } .fixedCart_itemInfo p { flex: 1 0 100%; } .fixedCart_itemPrice {margin-bottom: 0;margin-right: 10px;} .fixedCart_itemInfo .fixed_cartbtnList { flex: 1 0 auto; margin: 0; } #toTop {bottom: 120px;} #ftr {padding-bottom: 100px;} } </style> <script type="text/javascript"> $(function () { var price = $('.fs-c-productPrices .fs-c-productPrice--selling').clone().appendTo($(".fixedCart_itemPrice")); /*if($('.fs-c-productActionButton').length){ $('.fixed_cartbtn').wrap('<form id="fs_form_normal_clone" action="/p/cart/add" method="post" name="formCustom_normal"></form>'); // パラメータ調整 var number = $('.fs-c-productNumber__number').text(); $('<input type="hidden" name="products[' + number + '].productNo" value="' + number + '">').prependTo('#fs_form_normal_clone'); $('<input type="hidden" name="products[' + number + '].quantity" value="1">').prependTo('#fs_form_normal_clone'); if(!($('.fs-c-productSelection').length)){ $(document).on('click', '#fs_form_normal_clone .detail_cart_cart', function() { document.formCustom_normal.submit(); return false; }); } else { // 項目選択肢のみ $(document).on('click', '.selec_wrap .detail_cart_cart', function() { $('#fs_form_clone').toggleClass('open'); $('.variationAndActions__variation_carttit').toggleClass('open'); $('.overlay_cart').toggleClass('open'); $('body').toggleClass('open'); return false; }); } $(document).on('click', '#fs_form_normal_clone .guest.detail_cart_favorite', function() { $(".fs-c-productQuantityAndWishlist .fs-c-button--particular").click(); alert('会員登録がお済みのお客様限定の機能です'); return false; }); $(document).on('click', '#fs_form_normal_clone .member.detail_cart_favorite', function() { $(".fs-c-productQuantityAndWishlist .fs-c-button--particular").click(); if($('.fs-c-button--addToWishList--detail').length){ alert('お気に入りに登録しました'); $(".detail_cart_favorite").html('<i class="material-icons">favorite</i>'); } if($('.fs-c-button--removeFromWishList--detail').length){ alert('お気に入りを解除しました'); $(".detail_cart_favorite").html('<i class="material-icons">favorite_outline</i>'); } return false; }); if($('.fs-c-button--removeFromWishList--detail').length){ $(".detail_cart_favorite").html('<i class="material-icons">favorite</i>'); } } }); $(function () { // バリエーションがあったら複製 if($('.fs-c-variationAndActions,.fs-c-productChooseVariation').length){ $('.fs-c-variationAndActions,.fs-c-productChooseVariation').clone(true).addClass('clone').insertBefore('#fs_form'); $('.fs-c-variationAndActions.clone,.fs-c-productChooseVariation.clone').wrap('<form id="fs_form_clone" action="/p/cart/add" method="post" name="formCustom"></form>'); $('#fs_form_clone').before('<div class="overlay_cart cartClose"></div>'); $('.fixed_cartbtn').wrap('<div class="viri_wrap"></div>'); $("ul.fixed_cartbtnList").clone().insertAfter("#fs_form .fs-c-variationAndActions"); $(".fs-c-variationAndActions + ul.fixed_cartbtnList").find(".detail_cart_cart").html('<i class="material-icons">add_shopping_cart</i>サイズとカラーを選ぶ'); } else { if($('.fs-c-productSelection').length){ $('.fs-c-productSelection').clone(true).addClass('clone').insertBefore('#fs_form'); $('.fs-c-productSelection.clone').wrap('<form id="fs_form_clone" action="/p/cart/add" method="post" name="formCustom"></form>'); $('#fs_form_clone').before('<div class="overlay_cart cartClose"></div>'); $('.fs-c-productSelection.clone').wrap('<div class="fs-c-variationAndActions__variationWrap clone"></div>'); $('.fs-c-productActionButton').clone(true).addClass('clone').insertAfter('.fs-c-productSelection.clone'); $('.fixed_cartbtn').wrap('<div class="selec_wrap"></div>'); $('<span class="cart_closebtn cartClose"><i class="material-icons">close</i></span>').prependTo('.fs-c-variationAndActions__variationWrap'); $(document).on('click', '#fs_form_clone .fs-c-productActionButton', function() { document.formCustom.submit(); }); } } if($('.fs-c-variationAndActions__variation').length){ $('.fs-c-variationAndActions.clone').wrap('<div class="fs-c-variationAndActions__variationWrap clone"></div>'); // 項目選択肢があったら複製 if($('.fs-c-productSelection').length){ $('.fs-c-productSelection').clone(true).addClass('clone').prependTo('.fs-c-variationAndActions__variationWrap'); } $('<span class="cart_closebtn cartClose"><i class="material-icons">close</i></span>').prependTo('.fs-c-variationAndActions__variationWrap'); } // タイトル設置 $('<h2 class="fs-c-variationAndActions__variation_tit variationAndActions__variation_carttit">カートに入れる</h2>').prependTo('.fs-c-variationAndActions__variationWrap'); $('<h2 class="fs-c-variationAndActions__variation_tit variationAndActions__variation_favtit">お気に入りに追加</h2>').prependTo('.fs-c-variationAndActions__variationWrap'); // パラメータ調整 var number = $('.fs-c-productNumber__number').text(); $('<input type="hidden" name="products[' + number + '].productNo" value="' + number + '">').prependTo('#fs_form_clone'); $('<input type="hidden" name="products[' + number + '].quantity" value="1">').prependTo('#fs_form_clone'); $('.fs-c-productSelection.clone input').each(function() { var parameters = $(this).attr('name'); var new_parameters = 'products[' + number + '].' + parameters; console.log(new_parameters); $(this).attr('name', new_parameters); }); $('.fs-c-productSelection.clone select').each(function() { var parameters = $(this).attr('name'); var new_parameters = 'products[' + number + '].' + parameters; console.log(new_parameters); $(this).attr('name', new_parameters); }); $(document).on('click', '.fs-c-variationAndActions.clone .fs-c-variationCart__cartButton', function() { if($('.fs-c-variationAndActions__variation').length){ var vertical_variation = $(this).attr('data-vertical-variation-no'); if(vertical_variation == ''){ var vertical_variation = '0'; } console.log(vertical_variation); var horizontal_variation = $(this).attr('data-horizontal-variation-no'); if(horizontal_variation == ''){ var horizontal_variation = '0'; } console.log(horizontal_variation); $('<input type="radio" checked name="products[' + number + '].variations" value="' + vertical_variation+'_'+horizontal_variation + '" class="vari_radio">').prependTo('#fs_form_clone'); document.formCustom.submit(); } });*/ // バリエーション $(document).on('click', '.viri_wrap .detail_cart_cart, .fs-c-variationAndActions + .fixed_cartbtnList .detail_cart_cart', function() { $('#fs_form_clone').toggleClass('open'); $('.variationAndActions__variation_carttit').toggleClass('open'); $('.overlay_cart').toggleClass('open'); $('body').toggleClass('open'); return false; }); $(document).on('click', '.viri_wrap .detail_cart_favorite, .fs-c-variationAndActions + .fixed_cartbtnList .detail_cart_favorite', function() { $('#fs_form_clone').toggleClass('open'); $('.variationAndActions__variation_favtit').toggleClass('open'); $('.fs-c-productSelection').hide(); $('.overlay_cart').toggleClass('open'); $('.fs-c-variationAndActions__variation').toggleClass('favorite'); $('body').toggleClass('open'); return false; }); $(document).on('click', '.cartClose', function() { $('#fs_form_clone').removeClass('open'); $('.variationAndActions__variation_carttit').removeClass('open'); $('.variationAndActions__variation_favtit').removeClass('open'); $('.fs-c-productSelection').show(); $('.overlay_cart').removeClass('open'); $('.fs-c-variationAndActions__variation').removeClass('favorite'); $('body').removeClass('open'); return false; }); $(function(){ /*if( $(".fs-c-productActionButton").is(':visible') ){ console.log("button showed"); $("ul.fixed_cartbtnList li a.detail_cart_cart").show(); }else{ console.log("button hidden"); $("ul.fixed_cartbtnList li a.detail_cart_cart").hide(); } $(".fs-c-variationMatrix__item input").on("click",function(){ setTimeout(function() { if( $(".fs-c-productActionButton").is(':visible') ){ console.log("button showed"); $("ul.fixed_cartbtnList li a.detail_cart_cart").show(); }else{ console.log("button hidden"); $("ul.fixed_cartbtnList li a.detail_cart_cart").hide(); } }, 100); });*/ if($('.fixed_cartbtn').length){ $(window).scroll(function () { var w = $(window).width(); if ($(this).scrollTop() > 800) { if($('.fs-c-button--removeFromWishList--detail').length){ $(".detail_cart_favorite").html('<i class="material-icons">favorite</i>'); } $('.fixed_cartbtn').fadeIn(); } else { $('.fixed_cartbtn').fadeOut(); } }); } }); }); </script> <script> $(function(){ if($('.fs-c-productActionButton').length){ $(".fs-c-productChooseVariation, .fs-c-variationAndActions").wrap('<div class="cartOverlay"><div class="moduleCartWrap" /></div>'); $(".moduleCartWrap").append($(".fs-c-variationAndActions__stockSignLegend.fs-c-stockSignLegend")); $(".moduleCartWrap").append($(".fs-c-productQuantityAndWishlist")); $(".moduleCartWrap").append($(".fs-c-productQuantity")); $(".moduleCartWrap").append($(".fs-c-productActionButton")); $(".moduleCartWrap").prepend($(".anchor-links")); $(".cartOverlay").append('<div class="cartOverlay_overlay"></div>'); if( $(".fs-c-variationAndActions").length ){ $(".fs-c-variationSelect__select").after('<div class="fs-c-dropdown"><select disabled class="fs-c-dropdown__menu js-dropdownOptions"><option>選択してください</option> </select></div>'); $(".fs-c-variationSelect__select select[name='variationSelect']").on("change", function(){ if ( $(".fs-c-variationRadioList").is(':empty') || $(".fs-c-variationSelect__select select[name='variationSelect'] option:selected").attr("value") == "" ){ $(".js-dropdownOptions").prop("disabled", true); $(".js-dropdownOptions").find("option").remove(); $(".js-dropdownOptions").append('<option>選択してください</option>'); }else{ console.log("not empty"); $(".js-dropdownOptions").find("option").remove(); $(".js-dropdownOptions").append('<option>選択してください</option>'); $(".js-dropdownOptions").prop("disabled", false); } $(".fs-c-variationRadioList").find("li.fs-c-variationRadioList__row").each(function(){ var optId = ""; var optName = ""; var optId = $(this).find(".fs-c-variationRadioList__radio input").attr("id"); var optName = $(this).find(".fs-c-variationRadioList__radio input").data("horizontal-variation-name"); console.log(optId + ', ' + optName); if ( optName = "undefined") { optName = $(this).find(".fs-c-variationRadioList__name").html(); optName = optName; } $(".js-dropdownOptions").append('<option name="' + optId +'">' + optName + '</option>'); }); $(".js-dropdownOptions").find("option").each(function(){ if ( $(this).attr("name") == "undefined" ){ $(this).attr("name", "none"); $(this).attr("disabled", true); } }); $(".js-dropdownOptions").on("change", function(){ var optSel = $("option:selected", this); var optSelName = optSel.attr("name"); $(".fs-c-variationRadioList").find("li.fs-c-variationRadioList__row .fs-c-variationRadioList__radio input").each(function(){ var radioSel = $(this).attr("id"); if ( optSelName == radioSel ){ $(this).prop("checked", true).trigger("click"); var verVarNo = $(this).data("vertical-variation-no"); var horVarNo = $(this).data("horizontal-variation-no"); var verAdmNo = $(this).data("vertical-admin-no"); var horAdmNo = $(this).data("horizontal-admin-no"); $(".productSelect").find('input[name="verticalVariationNo"]').attr("value", verVarNo); $(".productSelect").find('input[name="horizontalVariationNo"]').attr("value", horVarNo); $(".productSelect").find('input[name="verticalAdminNo"]').attr("value", verAdmNo); $(".productSelect").find('input[name="horizontalAdminNo"]').attr("value", horAdmNo); } }); }); }); } var cartPopup = $(".cartOverlay"); //var itemNamePopup = $(".fs-c-productNameHeading .fs-c-productNameHeading__name").text(); //var itemPricePopup = $(".fs-c-productPrices").html(); //var popUpHeader = '<div class="popupTitle_wrap"><h2 class="popup_itemName"></h2><div class="popup_priceTag fs-c-productPrices fs-c-productPrices--productDetail"></div></div><div class="popupClose_button"><span></span><span></span></div>'; //console.log(itemNamePopup + ', ' + itemPricePopup); var popUpHeader = '<div class="popupClose_button"><span></span><span></span></div>'; $('.fixed_cartbtn').wrap('<form id="fs_form_normal_clone" action="/p/cart/add" method="post" name="formCustom_normal"></form>'); var number = $('.fs-c-productNumber__number').text(); $('<input type="hidden" name="products[' + number + '].productNo" value="' + number + '">').prependTo('#fs_form_normal_clone'); $('<input type="hidden" name="products[' + number + '].quantity" value="1">').prependTo('#fs_form_normal_clone'); if( $(".fs-c-productChooseVariation").length ){ //console.log("choosy"); //$("ul.fixed_cartbtnList").clone().insertAfter(".cartOverlay"); //$(".cartOverlay + ul.fixed_cartbtnList").find(".detail_cart_cart").html('<i class="material-icons">add_shopping_cart</i>サイズとカラーを選ぶ'); console.log($(".fs-c-variationMatrix .fs-c-variationMatrix__row").length); if( $(".fs-c-variationMatrix .fs-c-variationMatrix__row").length === 1 ){ $(".fs-l-productLayout__item--2").addClass("oneVar"); } $(".cartButton_sp").show(); } if( $(".fs-c-variationAndActions, .fs-c-productChooseVariation").length ){ $(".detail_cart_cart, .detail_cart_favorite").on("click", function(){ cartPopup.addClass("popup_opened").find(".moduleCartWrap").addClass("popup_opened"); $("body").addClass("opened"); console.log("clicked"); }); }else{ $(document).on('click', '#fs_form_normal_clone .detail_cart_cart', function() { document.formCustom_normal.submit(); return false; }); $(document).on('click', '#fs_form_normal_clone .guest.detail_cart_favorite', function() { $(".fs-c-productQuantityAndWishlist .fs-c-button--particular").click(); alert('会員登録がお済みのお客様限定の機能です'); return false; }); $(document).on('click', '#fs_form_normal_clone .member.detail_cart_favorite', function() { $(".fs-c-productQuantityAndWishlist .fs-c-button--particular").click(); if($('.fs-c-button--addToWishList--detail').length){ alert('お気に入りに登録しました'); $(".detail_cart_favorite").html('<i class="material-icons">favorite</i>'); } if($('.fs-c-button--removeFromWishList--detail').length){ alert('お気に入りを解除しました'); $(".detail_cart_favorite").html('<i class="material-icons">favorite_outline</i>'); } return false; }); if($('.fs-c-button--removeFromWishList--detail').length){ $(".detail_cart_favorite").html('<i class="material-icons">favorite</i>'); } } cartPopup.find(".moduleCartWrap").prepend(popUpHeader); //$(".popup_itemName").text(itemNamePopup); //$(".popup_priceTag").prepend(itemPricePopup); if( $(".fs-c-productNotice--outOfStock").length ){ $(".fs-c-productNotice--outOfStock").clone().appendTo(cartPopup.find(".moduleCartWrap")); } /*$(".popupClose_button, .cartOverlay").on("click", function(){ cartPopup.removeClass("popup_opened").find(".moduleCartWrap").removeClass("popup_opened"); });*/ $(".popupClose_button, .moduleCartWrap .fs-c-productActionButton, .anchor-links, .cartOverlay_overlay").on("click", function(){ cartPopup.removeClass("popup_opened").find(".moduleCartWrap").removeClass("popup_opened"); $("body").removeClass("opened"); }); } }); </script> <style> /* CART POPUP */ body.opened, body.opened .fs-l-page { overflow: hidden !important; } .cartPopup_btn { width: 100%; max-width: 400px; text-align: center; background: #F7C83C; /*color: #fff; font-size: 18px; font-weight: 700;*/ padding: 20px 0; margin: 15px auto; border-radius: 0px; cursor: pointer; /*display: block;*/ } .cartPopup_btn:hover {opacity: .8;} .cartOverlay { /*display: none; opacity: 0;*/ transition: .5s opacity; } @media (min-width: 769px) { .cartOverlay { display: block; opacity: 1; } .cartPopup_btn, .popupTitle_wrap {display: none;} } @media (max-width: 768px) { .cartOverlay { display: none; opacity: 0; } .cartPopup_btn, .popupTitle_wrap {display: block;} .oneVar .cartOverlay { display: block; opacity: 1; } .oneVar .cartButton_sp {display:none !important;} } .cartOverlay.popup_opened { display: block; opacity: 1; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: rgba(0,0,0,0.8); transition: .5s opacity; z-index: 9997; } .cartOverlay.popup_opened .cartOverlay_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; z-index: 9998; } .moduleCartWrap.popup_opened { position: absolute; top: 70px; right: 0; left: 0; margin: auto; max-height: 80vh; width: 98%; max-width: 520px; padding: 20px 20px; padding-top: 60px; background: #fff; overflow-y: scroll; pointer-events: all; z-index: 9999; } .popupTitle_wrap { margin-bottom: 25px; } .popup_itemName { font-size: 14px; /*font-weight: bold; margin-right: 25px;*/ margin-bottom: 0.5em; } .popup_priceTag { /*font-weight: bold; font-size: 1rem;*/ } .popup_priceTag span { /*font-size: 80%;*/ } .moduleCartWrap .fs-c-variationLabel { font-size: 1rem; } .popupClose_button { position: absolute; top: 15px; right: 10px; width: 25px; height: 25px; width: 2.5rem; height: 2.5rem; cursor: pointer; border-radius: 100%; /*background-color: #DEDFE0;*/ background-size: 2.5rem 2.5rem; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L18 18' stroke='%23101820'/%3E%3Cpath d='M18 6L6 18' stroke='%23101820'/%3E%3C/svg%3E%0A"); display: none; } .popupClose_button span { /*display: block; width: 25px; height: 2px; background: #101820;*/ } .popupClose_button span:first-child { transform: rotate(45deg); position: absolute; top: 7px; left: 0; } .popupClose_button span:last-child { transform: rotate(-45deg); position: absolute; top: 7px; left: 0px; } /*.productSelect > .fs-c-productChooseVariation, .productSelect > .fs-c-variationAndActions__stockSignLegend.fs-c-stockSignLegend, .productSelect > .fs-c-productQuantityAndWishlist, .productSelect > .fs-c-productActionButton, .productSelect > .anchor-links { display: none; }*/ .fs-c-variationMatrix > li {width: 100%;} .cartOverlay.popup_opened .popupClose_button { display: block; } .moduleCartWrap .fs-c-productNotice {display: none;margin-top: 8px;} .moduleCartWrap.popup_opened .fs-c-productNotice {display: block;} .moduleCartWrap.popup_opened .fs-c-stockSignLegend {display: none;} .moduleCartWrap.popup_opened .cartButton_wrap {margin-top: 20px;} </style> <script> $(function(){ $(".fs-p-snsArea").appendTo($(".fs-c-breadcrumb")); if( $(".fs-c-productMarks").length ){ $(".fs-c-productMarks").clone().addClass("spOnly").prependTo( $("#fs_form") ); } $(".fs-c-productActionButton").wrap('<div class="cartButton_wrap"></div>'); $(".fs-c-productQuantityAndWishlist").prependTo($(".cartButton_wrap")); $(".fs-c-inquiryAboutProduct").append($(".fixed_line")); $(".fs-c-productPointDisplay").appendTo($(".fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling")); $(".fs-c-productCarouselMainImage__thumbnailList").find("li figure").each(function(){ $(this).find("img").wrap('<div class="fs-c-productCarouselMainImage__thumbnail_img_wrap"></div>'); }); if( $(".fs-c-productCarouselMainImage__thumbnailList li").length > 5){ /*$(".fs-c-productCarouselMainImage__thumbnailList").append('<div class="thumbExpand">ALL IMAGES</div>'); $(".thumbExpand:not(.open)").on("click", function(){ $(this).fadeOut().parent(".fs-c-productCarouselMainImage__thumbnailList").find("li").slideDown(); });*/ $(".fs-c-productCarouselMainImage__thumbnailList").after('<div class="thumbExpand">ALL IMAGES</div>'); $(".thumbExpand").on("click", function(){ $(this).toggleClass("open"); $(this).prev(".fs-c-productCarouselMainImage__thumbnailList").toggleClass("open"); }); } if( $(".fs-c-productCarouselMainImage__thumbnailList li").length < 5){ $(".fs-c-productCarouselMainImage__thumbnailList").addClass("justifyCenter"); } $(".fs-l-productLayout__item .fs-c-variationAndActions__variation .fs-c-variationList__item").each(function(){ var varTitle = $(this).find(".fs-c-variationList__item__title"); $(this).find(".fs-c-variationList__item__image").append(varTitle); }); $(".fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__item").each(function(){ if( $(this).find(".fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock").length ){ stockStatus = $(this).find(".fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock").text(); if( stockStatus == "×" ){ $(this).find(".fs-c-variationMatrix__panel").addClass("out"); } } var boxCount = $(".fs-c-variationMatrix .fs-c-variationMatrix__item").length; var stockCount = $(".fs-c-variationMatrix .fs-c-variationMatrix__panel__stock").length; console.log(boxCount + ", " + stockCount); if( stockCount == boxCount ){ $(".fs-c-button--addToCart--detail, .detail_cart_cart").hide(); } }); //$(".fs-c-button--addToWishList--detail.is-disabled").on("click", function(){ // alert("バリエーションを選択してください。"); //}); $(".fs-c-productQuantityAndWishlist").on("click", function(){ if( $(".fs-c-button--addToWishList--detail").prop("disabled") == true ){ alert("バリエーションを選択してください。"); } }); $('.fs-c-variationMatrix__item input[type="radio"]').on("click", function(){ $(".fs-l-productLayout .cartButton_wrap .fs-c-productQuantityAndWishlist").addClass("clicked"); }); if ($('.specPC, .specSP').is(':empty')){ $(".specBlock").hide(); $(".tabSP .tabSwitch").hide(); $(".detailBlock").show(); } }); </script> <style> .fs-l-productLayout .cartButton_wrap .fs-c-productQuantityAndWishlist {position: relative;} .fs-l-productLayout .cartButton_wrap .fs-c-productQuantityAndWishlist::after { content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } .fs-l-productLayout .cartButton_wrap .fs-c-productQuantityAndWishlist.clicked::after { content: none; } .fs-c-productCarouselMainImage__thumbnail_img_wrap { padding-top: 110%; position: relative; overflow: hidden; border: 2px solid transparent; } .fixedCart_itemImg { height: 120px; width: 100px; position: relative; overflow: hidden; } .fs-c-productCarouselMainImage__thumbnail_img_wrap img, .fixedCart_itemImg img { position: absolute; inset: 0; margin: auto; width: 100%; height: auto; object-fit: cover; border: 0; } .slick-active .fs-c-productCarouselMainImage__thumbnail_img_wrap { border-color: #666666; } .fs-c-productCarouselMainImage__thumbnail__caption {margin-top: 2px;} .detailBlock .h3C { border-color: #5B5D63; position: relative; } .detailBlock .h3C small { position: absolute; right: 0; bottom: 5px; } </style> </div> <script class="fs-system-icon_remove" type="text/html"> <button type="button" class="fs-c-button--removeFromWishList--icon fs-c-button--particular"> <span class="fs-c-button__label">お気に入りを解除する</span> </button> </script> <script class="fs-system-icon_add" type="text/html"> <button type="button" class="fs-c-button--addToWishList--icon fs-c-button--particular"> <span class="fs-c-button__label">お気に入りに登録する</span> </button> </script> <script class="fs-system-detail_remove" type="text/html"> <button type="button" class="fs-c-button--removeFromWishList--detail fs-c-button--particular"> <span class="fs-c-button__label">お気に入りを解除する</span> </button> </script> <script class="fs-system-detail_add" type="text/html"> <button type="button" class="fs-c-button--addToWishList--detail fs-c-button--particular"> <span class="fs-c-button__label">お気に入りに登録する</span> </button> </script> <script src="/shop/js/webstore.js?t=20240306151427"></script> </body></html>