(function($) {
  $.extend({
    escapeHTML : function(string){
      return $('<p/>').text(string).html();
    }
  });

  $.fn.extend({
    movePage : function(page) {
      $('#catalog_list').fadeTo('fast',0.3);

      if (!!history.pushState) {
        // push history
        var searchParams = $().getSearchParams(name);
        searchParams.currentPage = page;
        var paramList = $().createSearchParamList(searchParams);
        History.pushState('pagemoved', $('title').text(), $('#url_base').val() + "search?" + paramList.join('&'));
        // NOTE onstatechangeでページングする
      } else {
        var url = $('#url_base').val() + "search/json";
        var params = $().getSearchParams();
        params['currentPage'] = page;
        $.get(url, params, $().injectDetail, "json");
      }

      $("#currentPage").val(page);
      $("#isPageMoved").val("true");

      return false;
    },
    movePrevPage : function() {
      var current = $().getCurrentPage();
      if(current-1 > 0){
        $().movePage(current-1);
      }
      return false;
    },
    moveNextPage : function(page) {
      var current = $().getCurrentPage();
      var last = Number($("#lastPage").val());
      if(current+1 <= last){
        $().movePage(current+1);
      }
      return false;
    },
    moveLastPage : function() {
      var last = Number($("#lastPage").val());
      $().movePage(last);
      return false;
    },
    // カタログ要素出力
    injectDetail : function(data) {
      var urlBase = $('#url_base').val();
      var imageUrlBase = $('#image_url_base').val();
      var detailList = Array();
      var imageFileSuffix = data['imageFileSuffix'];
      var image_file_suffix = typeof imageFileSuffix === 'undefined' ? '_thumb' : imageFileSuffix[0] || '_thumb';
      var commodityImageSuffix = data['commodityImageSuffix'];
      var deliveryCountry = data['deliveryCountry'];
      var wajaLabelIcon = '';
      if ( $('#schema[value="waja"]').length ){
        wajaLabelIcon = '<div class="wajaLabelIcon"></div>';
      }

      var descenteLabelIcon = '';
      var descenteLabelColortip = '';
      if ( $('#schema[value="descente"]').length ){
        descenteLabelIcon = '<ul class="descente_product-icon"></ul>';
        descenteLabelColortip = '<ul class="descente_config-colortip_list config-colortip_list"></ul>';
      }

      // (※ ▼状況不明 2024.2)
      /* 画質保持のため一時的にM画像を表示させる BOEM専用大画像がリリースされたらsuffixを使用 */
      // var commodity_image_suffix = typeof commodityImageSuffix === 'undefined' ? '' : commodityImageSuffix[0];

      // thumbM画像に変更
      function modifyImgUrl(imgUrl){
        var modifyUrl = imgUrl.replace("_thumb.jpg", "_thumbM.jpg");
        return modifyUrl;
      };

      for(var i = 0; i < data['list'].length; i++) {
        var row = data['list'][i];
        var raw_displayPrice = 0;
        var raw_unitPrice = 0;
        if ( row.markingCatalogPrice ){
          raw_displayPrice = Number(row.retailPrice + row.markingCatalogPrice);
          raw_unitPrice    = Number(row.unitPrice + row.markingCatalogPrice);
        } else {
          raw_displayPrice = Number(row.retailPrice);
          raw_unitPrice    = Number(row.unitPrice);
        }
        var displayPrice = raw_displayPrice.toLocaleString();
        var unitPrice = raw_unitPrice.toLocaleString();

        var item_template
        = '<div class="catalogList_item" data-ga4-view-item-list="catalogListItem">'
        + ' <a target="_self" href="{{commodityUrl}}" class="ga4_event_select_item">'
        + '  <div class="wrap-product-image">'
        + '    <div class="product-image" data-skucode="{{sku}}">'
        + '     <img src="{{imageUrl}}" alt="{{commodityName}}" data-brand-name="{{commodityTitle}}" data-shop-code="{{shopCode}}">'
        + '    </div>'
        +      wajaLabelIcon
        + '    <ul class="product-icon"></ul>'
        + '    <ul class="product-service-icon"></ul>'
        + '  </div>'
        +    descenteLabelIcon
        + '  <ul class="catalog-campaignGroup" data-gem-ignore></ul>'
        + '  <div class="product-text">'
        + '    <ul class="config-colortip_list"></ul>'
        + '    <p class="brandName">{{commodityTitle}}</p>'
        + '    <p class="commodityName" data-ga4-view-item-list="item_name">{{commodityName}}</p>'
        + '    <div class="priceLine">'
        + '      <p class="regular_price usually_price" data-ga4-view-item-list="price" data-ge-price>ï¿¥' + displayPrice + '</p>'
        + '      <p class="special_price usually_price">'
        + '       <span class="-proper" data-ge-price>ï¿¥'+unitPrice+'</span>'
        + '       <span data-ga4-view-item-list="price" data-ge-price>ï¿¥' + displayPrice + '</span>'
        + '      </p>'
        + '      <p class="regular_price member_price_global">Call For Price</p>'
        + '      <p class="regular_price special_price member_price">' + i18next.t('search:text.会員価格') + '</p>'  
        + '      <p class="catalog_gender_{{genderCode}}"></p>'
        + '      <p class="text_importDutiesIncluded"></p>'
        + '      <p class="beforeSale saleStartDatetime">{{saleStartDatetime}}</p>'
        + '      <p class="outOfStock">' + i18next.t('search:text.在庫無し') + '</p>'
        + '      <div uk-toggle="target:#quickviewBox" uk-tooltip="'+ i18next.t('search:text.クイックビュー') + '" class="trgQuickView icon-favItemAdd" data-commoditycode="{{sku}}" data-gtm-click="catalog_quickview" onclick="event.preventDefault();"></div>'
        + '      <div class="trgFavItem icon-favItemAdd" data-ga4-view-item-list="item_id item_colorName" data-commoditycode="{{sku}}" data-color-name="{{searchColorName}}" data-supplier-code="{{supplierCode}}" data-jan-code="{{janCode}}" onclick="$().getStockInfo(&#39;{{sku}}&#39;);"></div>'
        + '      <div class="trgMute" data-ga4-view-item-list="item_brand" data-brand-name="{{commodityTitle}}"></div>'
        + '    </div>'
        +     descenteLabelColortip
        + '  </div>'
        + '  <div class="rev_catalog_summary_block">'
        + '    <div class="rating_catalog_summary_Box">'
        + '      <div class="rating" style="width: {{reviewScore}}%;"></div>'
        + '    </div>'
        + '    <span class="rating_catalog_summary_score">{{reviewScoreAverage}}</span>'
        + '    <span class="rating_catalog_summary_count">({{reviewCount}})</span>'
        + '  </div>'
        + ' </a>'
        + '</div>';

        if($('#item_template').size() > 0){
          item_template = $('#item_template').html().trim();
        }

        var imageUrl = modifyImgUrl(row.thumbnailImageLink);
        var commodityUrl = urlBase + 'commodity/' + row.shopCode + '/' + row.sku + '/' +$("#catalogParam").val();
        if (row.hotIconType === 2) {
            // PR広告
            imageUrl     = $('#__locoad_tracking_url_base').val() + "/imp?url=" + encodeURIComponent(imageUrl) + "&ti=" + Cookies.get('_ltr') + "&sc=" + row.shopCode + "&bc=" + row.brandCode + "&cc=" + row.sku;
            // 別ドメインからリダイレクトするためhttp〜が必要
            commodityUrl = commodityUrl.startsWith('http') ? commodityUrl : (location.origin + commodityUrl)
            commodityUrl = $('#__locoad_tracking_url_base').val() + "/click?url=" + encodeURIComponent(commodityUrl) + "&ti=" + Cookies.get('_ltr') + "&sc=" + row.shopCode + "&bc=" + row.brandCode + "&cc=" + row.sku;
        }

        var fotmatSaleStartDatetime = '';
        if (row.isBeforeSale === 1) {
          if (!$('#siteLanguage')[0] || $('#siteLanguage').val() === 'ja') {
            fotmatSaleStartDatetime = $.escapeHTML(dayjs(row.saleStartDatetime).format('M月D日H:mm') + ' 販売開始')
          } else {
            fotmatSaleStartDatetime = $.escapeHTML(dayjs(row.saleStartDatetime).format('MMM DD hh:mm A') + ' (JST) Release')
          }
        };

        var row_item = $(item_template
          .replace(/{{commodityUrl}}/g, $.escapeHTML(commodityUrl))
          .replace(/{{commodityName}}/g, $.escapeHTML(row.title))
          .replace(/{{commodityTitle}}/g, $.escapeHTML(row.commodityTitle ? row.commodityTitle : row.title))
          .replace(/{{imageUrl}}/g, $.escapeHTML(imageUrl))
          .replace(/{{price}}/g, $.escapeHTML(row.price))
          .replace(/{{percent}}/g, $.escapeHTML(row.percent))
          .replace(/{{sku}}/g, $.escapeHTML(row.sku))
          .replace(/{{searchColorName}}/g, $.escapeHTML(row.searchColorName))
          .replace(/{{shopCode}}/g, $.escapeHTML(row.shopCode))
          .replace(/{{unitPrice}}/g, $.escapeHTML(row.unitPrice))
          .replace(/{{reviewScore}}/g, $.escapeHTML(row.reviewScore))
          .replace(/{{reviewCount}}/g, $.escapeHTML(row.reviewCount))
          .replace(/{{genderCode}}/g, $.escapeHTML(row.genderCode))
          .replace(/{{saleStartDatetime}}/g, fotmatSaleStartDatetime)
          .replace(/{{reviewScoreAverage}}/g, parseFloat(($.escapeHTML(row.reviewScore) / 20).toFixed(1)))
          .replace(/{{supplierCode}}/g, $.escapeHTML(row.supplierCode))
          .replace(/{{janCode}}/g, $.escapeHTML(row.janCode))
        );

        row_item.find('.config-colortip_list').append($().createConfigColortipListElements(row));

        if ( $('#schema[value="waja"]').length ){
          row_item.find('.wajaLabelIcon').append($().createProductwajaIconElements(row));
        }

        if ( $('#schema[value="descente"]').length ){
          row_item.find('.descente_product-icon').append($().createProductdescenteIconElements(row));
        }

        row_item.find('.product-icon').append($().createProductIconElements(row));

        row_item.find('.product-service-icon').append($().createProductServiceIconElements(row));

        row_item.find('.catalog-campaignGroup').append($().createCampaignGroupElements(row,deliveryCountry));

       if(row.isShowPrice){
          row_item.find('.member_price').remove();
          row_item.find('.member_price_global').remove();
          if (row.price === row.salePrice) {
            row_item.find('.special_price').remove();
          } else {
            row_item.find('.regular_price').remove();
          }
        } else {
          row_item.find('.special_price.usually_price').remove();
          row_item.find('.regular_price.usually_price').remove();
          // セールかどうか判定して会員価格を赤字にする
          if (row.price === row.salePrice) {
            row_item.find('.member_price').removeClass('special_price');
          }
          // 会員価格設定（国外）
          if (deliveryCountry && deliveryCountry !== "JP" && row.isMemberPriceGlobalFlag === 1) {
            row_item.find('.member_price').remove();
          } else {
            row_item.find('.member_price_global').remove();
          }
        }
        // 在庫なし
        if(row.inStockFlag){
          row_item.find('.outOfStock').remove();
        }
        if (row.reviewCount == 0) {
          row_item.find('.rev_catalog_summary_block').remove();
        }
        detailList.push(row_item);
      }

      $('#catalog_list').empty().append(detailList).fadeTo('fast',1);
      
      // ページング後に実行
      if(typeof viewEvent !== 'undefined') viewEvent.commodityData = setCommodityData();
      if(typeof viewEvent !== 'undefined') viewEvent.dataLayerFn(viewInitData, needsItemCategory);
      if(typeof clickEvent !== 'undefined') clickEvent.setEventListener(clickInitData);

      var total = data['total'][0];
      $('div.item_number').html('<small>'+ i18next.t('search:text.商品数：') +'</small>' + (total.toLocaleString ? total.toLocaleString() : total) + '<small>'+ i18next.t('search:text.件') +'</small>');
      if (total == 0) {
        if ($('ul.notice-msg :first-child').text() !== '条件にマッチする商品はありません') {
          $('ul.notice-msg').fadeOut('fast').empty().append(
              $('<ul />').text(i18next.t('search:text.条件にマッチする商品はありません'))).fadeIn('fast');
        }
      } else {
        $('ul.notice-msg').fadeOut('fast').empty();
      }

      $('#lastPage').val(data['lastPage'][0]);
      $().updatePageLink();

      if ($().getCurrentPage() === 1) {
        $().scrollPage(0, 0);
      } else {
        if ($('#schema').val() === 'fitfit' || 'harmony') {
          // ヘッダー固定BOEM対応
          $().scrollPage($('.main').offset().top - $('#header_top').height(), 'normal');
        } else {
          // 通常BOEM
          $().scrollPage($('.main').offset().top, 'normal');
        }
      }

      //アパレル判定 画像サイズClassを付与
      $().createImageRatioClass();

      // canonical書き換え
      var canonicalUrl = data['canonicalUrl'] ? data['canonicalUrl'][0] : undefined;
      if(canonicalUrl){
        var isCanonical = !!document.querySelector('link[rel="canonical"]');
        var oldCanonicalUrl = isCanonical ? document.querySelector('link[rel="canonical"]').href : "";
        var link = isCanonical ?
          document.querySelector('link[rel="canonical"]') :
          document.createElement('link');
        link.setAttribute('rel', 'canonical');
        link.setAttribute('href', canonicalUrl);
        if (!isCanonical || oldCanonicalUrl !== canonicalUrl) {
          document.head.appendChild(link);
        }
      }

      // metaRobots書き換え
      var metaRobots = data['metaRobots'] ? data['metaRobots'][0] : undefined;
      if(metaRobots){
        var isRobots = !!document.querySelector('meta[name="robots"]');
        var oldMetaRobots = isRobots ? document.querySelector('meta[name="robots"]').content : "";
        if (!isRobots || oldMetaRobots.toLowerCase() !== metaRobots.toLowerCase()) {
          var meta = isRobots ? document.querySelector('meta[name="robots"]') : document.createElement('meta');
          meta.setAttribute('name', 'robots');
          meta.setAttribute('content', metaRobots);
          document.head.appendChild(meta);
        }
      }

    },
    scrollPage : function(scrollTop, duration) {
      $('html, body').animate({
        scrollTop : scrollTop
      }, duration);
    },
    //url作成
	  createSearchUrlString : function (searchParams) {
		  return $('#url_base').val() + 'search?' + $().createSearchParamString(searchParams);
	  },
    //パラメータ作成
	  createSearchParamString : function (searchParams) {
		  var searchParamList = [];
		  for (var p in searchParams) {
        searchParamList.push(p + '=' + encodeURIComponent(searchParams[p]));
		  }
      return searchParamList.join('&');
	  },
    updatePageLink : function() {
      var searchParams = $().getSearchParams();
      var current = $().getCurrentPage();
      var last = Number($("#lastPage").val());
      if(current === 1 && last <= 1){
        $('.catalog_paging').hide();
        return;
      }

      var pagerList = $('<ul>');

      if(current !== 1){
        searchParams.currentPage = $().getCurrentPage() - 1;
        var searchResult = $().createSearchUrlString(searchParams);
        $('<li>')
          .addClass('pager-prev')
          .append(
            $('<a />')
              .attr('href',searchResult)
              .click($().movePrevPage)
              .prepend('<i uk-icon="chevron-left"></i>')
          ).appendTo(pagerList);

        var text = '1';
        if(current > 4){
          text = '1...';
        }
        searchParams.currentPage = '1';
        var searchResult = $().createSearchUrlString(searchParams);
        $('<li />')
          .append(
            $('<a />')
              .attr('href',searchResult)
              .click(function(){return $().movePage(1);})
              .text(text)
          ).appendTo(pagerList);
      } else {
        $('<li>')
          .addClass('current')
          .append(
            $('<span>').text('1')
          ).appendTo(pagerList);
      }

      var start = current - 2;
      if(last - current < 2){
        start = last - 5 + 1;
      }
      if(start < 2){
        start = 2;
      }
      for(var i=start; i<start+5 && i<=last-1; i++){
        var pager = $('<li />');
        if(i === current){
          pager.addClass('current').append($('<span />').text(i));
        } else {
          searchParams.currentPage = i;
          var searchResult = $().createSearchUrlString(searchParams);
          pager.append(
            $('<a />')
              .attr('href',searchResult)
              .click((function(i){return function(){return $().movePage(i);};})(i))
              .text(i)
          );
        }
        pager.appendTo(pagerList);
      }

      if(current !== last){
        var text = '' + last;
        if(current < last-3 && last > 7){
          text = '...' + last;
        }
        searchParams.currentPage = last;
        var searchResult = $().createSearchUrlString(searchParams);
        $('<li />')
          .append(
            $('<a />')
              .attr('href',searchResult)
              .click((function(i){return function(){return $().movePage(i);};})(last))
              .text(text)
          ).appendTo(pagerList);
        searchParams.currentPage = $().getCurrentPage() + 1;
        var searchResult = $().createSearchUrlString(searchParams);
        $('<li>')
          .addClass('pager-next')
          .append(
            $('<a />')
              .attr('href',searchResult)
              .click($().moveNextPage)
              .append('<i uk-icon="chevron-right"></i>')
          )
          .appendTo(pagerList);
      } else {
        $('<li>')
        .addClass('current')
        .append(
          $('<span>').text(last)
        ).appendTo(pagerList);
      }
      $('.catalog_paging').empty().append(pagerList).show();
    },
    createConfigColortipListElements: function (row) {
        var colorLiArray = [];
        for (const colorKey in row.colors) {
          colorLiArray.push('<li class="config-colortip_list_item"><span class="colortip_color' + colorKey + '"></span></li>');
        }
        return colorLiArray.length > 1 ? colorLiArray : $(colorLiArray.join(''));
    },
    createProductIconElements: function (row) {
      var iconLiArray = [];
      if (row.deliveryTypeCode == 'DROPSHIP') {
        iconLiArray.push('<li class="icon_dropship icon_' + row.shopCode + '">'+ i18next.t('search:text.ドロップシップ') +'</li>');
      }
      if (row.isBeforeSale === 1) {
        iconLiArray.push('<li class="icon_beforeSale">'+ i18next.t('search:text.販売予告') +'</li>');
      }
      if (row.hotIconType === 5) {
        iconLiArray.push('<li class="icon_besthit">BEST HIT!</li>');
      }
      if (row.hotIconType === 4) {
        iconLiArray.push('<li class="icon_besthit">BEST HIT!</li>');
      }
      if (row.hotIconType === 3) {
        iconLiArray.push('<li class="icon_select">SELECT</li>');
      }
      if (row.hotIconType === 2) {
        iconLiArray.push('<li class="icon_pr">SELECT</li>');
      }
      if (row.hotIconType === 1) {
        iconLiArray.push('<li class="icon_bestseller">HOT</li>');
      }
      if ((row.reservationFlag === 1 || row.orderablePromiseFlag === 1) && row.availableLogisticsCount === 0 && row.availableApiStockCount === 0) {
        iconLiArray.push('<li class="icon_reserve">'+ i18next.t('search:text.予約') +'</li>');
      }
      if (row.newFlag === 1) {
        iconLiArray.push('<li class="icon_new">NEW</li>');
      }
      if (row.magazineFlag === 1) {
        iconLiArray.push('<li class="icon_mag">'+ i18next.t('search:text.雑誌掲載') +'</li>');
      }
      if (row.limitedOnlineFlag === 1) {
        iconLiArray.push('<li class="icon_online">'+ i18next.t('search:text.WEB限定') +'</li>');
      }
      if (row.arrivalOfGoodFlag === 1) {
        iconLiArray.push('<li class="icon_stock">'+ i18next.t('search:text.再入荷') +'</li>');
      }

      return iconLiArray.length > 1 ? $(iconLiArray.slice(0, 1).join('')) : $(iconLiArray.join(''));
    },
    createProductwajaIconElements : function (row) {
      var wajaiconLiArray = [];
      if (row.commercialType != 1 && row.shopType == 0) {
        wajaiconLiArray.push('<span class="icon_store">Store</span>');
      }
      if (row.commercialType == 1) {
        wajaiconLiArray.push('<span class="icon_outlet">Outlet</span>');
      }
      if (row.commercialType != 1 && row.shopType == 1) {
        wajaiconLiArray.push('<span class="icon_buyer">Buyer</span>');
      }

      return wajaiconLiArray.length > 1 ? $(wajaiconLiArray.slice(0, 1).join('')) : $(wajaiconLiArray.join(''));
    },
    createProductdescenteIconElements : function (row) {
      var descenteiconLiArray = [];
      if (row.price != row.salePrice) { //デサント限定セールアイコン
        descenteiconLiArray.push('<li class="descente_icon_sale">SALE</li>');
      }
      if (row.newFlag === 1) { //新着のみアイコン表示
        descenteiconLiArray.push('<li class="descente_icon_new">NEW</li>');
      }
      if (row.limitedOnlineFlag === 1) { //web限定のみアイコン表示
        descenteiconLiArray.push('<li class="descente_icon_new is-limited">限定</li>');
      }
      if ((row.reservationFlag === 1 || row.orderablePromiseFlag === 1) && row.availableLogisticsCount === 0 && row.availableApiStockCount === 0) { //予約のみアイコン表示
        descenteiconLiArray.push('<li class="descente_icon_new is-reservation">予約</li>');
      }
      // ジェンダーカテゴリ(開発まだなので一旦ジェンダー入れとく)
      var gender_M, gender_L,gender_K = '';
      if(row.fashionCategory1.length) {
        row.fashionCategory1.forEach(function(val){
            if (val.categoryCode === 'ds_M') {gender_M = 'mens'}
            if (val.categoryCode === 'ds_L') {gender_L = 'ladies'}
            if (val.categoryCode === 'ds_K') {gender_K = 'kids'}
        });
        if (gender_M == 'mens' && gender_L == 'ladies'){
          descenteiconLiArray.push('<li class="descente_icon_gender catalog_gender_u">ユニセックス</li>');
        } else if (gender_M == 'mens'){
          descenteiconLiArray.push('<li class="descente_icon_gender catalog_gender_m">メンズ</li>');
        } else if (gender_L == 'ladies'){
          descenteiconLiArray.push('<li class="descente_icon_gender catalog_gender_l">レディース</li>');
        }
        if (gender_K == 'kids'){
          descenteiconLiArray.push('<li class="descente_icon_gender catalog_gender_k">キッズ</li>');
        }
      }
      
      return $(descenteiconLiArray.join(''));
    },
    createProductServiceIconElements: function (row) {
      var iconLiArray = [];
      if (row.returnDisabledItemFlag === 1) {
        iconLiArray.push('<li class="icon_returnDisabled">'+ i18next.t('search:text.返品不可') +'</li>');
      }
      //ポイント対象アイコン
      if (row.isPointTarget === 1) {
        iconLiArray.push('<li class="icon_point">'+ i18next.t('search:text.ポイント対象') +'</li>');
      }
      //OGWアイコン
      if (row.isYoutube === true) {
        iconLiArray.push('<li class="icon_ogw">'+ i18next.t('search:text.対象') +'</li>');
      }
      return iconLiArray.length > 2 ? $(iconLiArray.slice(0, 2).join('')) : $(iconLiArray.join(''));
    },
    createCampaignGroupElements : function (row,deliveryCountry) {
      var iconLiArray = [];

      if (row.price != row.salePrice && row.limitedSaleFlag !== 1) {
        if(row.isShowPrice){
          iconLiArray.push('<li class="-discount"><span>' + row.percent + '</span></li>');
        } else {
         if(row.isMemberPricePeriodFlag == 1){
            iconLiArray.push('<li><span class="icon_memberPrice">SALE</span></li>');
          }
        }
      }
      if (row.price != row.salePrice && row.limitedSaleFlag === 1 && row.secretSaleFlag !== 1) {
        if(row.isShowPrice){
          iconLiArray.push('<li class="-discount -timesale"><span>' + row.percent + '</span></li>');
        } else {
          if(row.isMemberPricePeriodFlag == 1){
            iconLiArray.push('<li><span class="icon_memberPrice">SALE</span></li>');
          }
        }
      }
      if (row.price != row.salePrice && row.limitedSaleFlag === 1 && row.secretSaleFlag === 1) {
        if(row.isShowPrice){
          iconLiArray.push('<li><span class="icon_discountRate_secretSale">' + row.percent + '<em>OFF</em></span></li>');
        } else {
          if(row.isMemberPricePeriodFlag == 1){
            iconLiArray.push('<li><span class="icon_memberPrice">SALE</span></li>');
          }
        }
      }
      if (row.price === row.salePrice && row.priceCautionType === 2) {
        iconLiArray.push('<li class="-discount -special"><span>SPECIAL PRICE</span></li>');
      }
      if (row.price === row.salePrice && row.priceCautionType === 5) {
        iconLiArray.push('<li class="-discount -outlet"><span>'+ i18next.t('search:text.OUTLET価格') +'</span></li>');
      }
      if (row.isNoveltyCouponRelated === 1) {
        iconLiArray.push('<li class="-novelty"><span>'+ i18next.t('search:text.ノベルティ対象') +'</span></li>');
      }
      if (row.isNoveltyCouponRelated !== 1 && row.isSourcingCouponRelated === 1) {
        if (row.couponDiscountRate != null) {
          iconLiArray.push('<li class="-coupon -rate"><span>' + row.couponDiscountRate + '</span></li>');
        } else {
          iconLiArray.push('<li class="-coupon -price"><span>' + Number(row.couponDiscountPrice).toLocaleString('ja-JP', { style: 'currency', currency: 'JPY' }) + '</span></li>');
        }
      }
      return iconLiArray.length > 2 ? $(iconLiArray.slice(0, 2).join('')) : $(iconLiArray.join(''));
    },
    
    //SKUコード内のアルファベットを基準にアパレルカテゴリを判別
    createImageRatioClass: function (row) {
      $('.catalogList_item').each( function(index) {
        var apparelCateSet = ["EW","EM","EC","EU","EB"];
        //skuのカテゴリ識別子を取得
        var item_sku = $(this).find('.product-image').data('skucode').slice(5, 9).replace(/[0-9]/g, '');

        var i = 0;
        $.each(apparelCateSet, function(index,value) {
          if (item_sku.includes(value)){
            i++;
          }
        });
        //アパレルカテゴリの数 = i
        if (i == 0){
          //アパレルがない時の処理
          $(this).find('.product-image').addClass('-square');
        }else{
          $(this).find('.product-image').addClass('-rectangle');
        }
      });
    },
    getSearchParams : function(removeName) {
      var params = {};
      var searchNames = [ 'campaignCode1', 'campaignCode2',
          'campaignCode3', 'campaignCode4', 'campaignCode5', 'gcsRanking1',
          'gcsRanking2', 'gcsRanking3', 'commercialType', 'searchShopCode',
          'searchBrand', 'searchCategory', 'searchWord', 'searchColor',
          'searchHeelHeight', 'searchHeelShape', 'searchTipShape',
          'searchShaftWidth', 'searchUpperMaterial',
          'searchOuterMaterialBags', 'searchCouponCode',
          'campaignType', 'maxCampaignPeriod',
          'searchReturnCond', 'alignmentSearch',
          'selectedSkuCode', 'relationalContentKeyword',
          'searchSeason', 'reservationFlag',
          'searchFavoriteTeam', 'searchFavoriteBrand', 'searchFastDelivery', 'searchPointTarget',
          'dropshipFlag',
          'searchSportsSeason', 'searchSportsSeries', 'searchSportsTeamCode', 'markingEnabledFlag', 'volumeDiscountFlag', 'searchGenderCode',
          'searchRetailPrice',
          'convertFreeFlag', 'secretSaleCode',
          'searchCampaignShop', 'searchCampaignBrand',
          'excludedBrandCode', 'groupByModel', 'shopType', 'memberPricePeriodFlag',
          'searchBraSize'
          ];
      if(removeName !== 'searchSize'){
          searchNames.push('searchSizeStart');
          searchNames.push('searchSizeEnd');
      }
      if(removeName !== 'searchShoesSize'){
          searchNames.push('searchShoesSizeStart');
          searchNames.push('searchShoesSizeEnd');
      }
      if(removeName !== 'searchShoeWidth'){
        searchNames.push('searchShoeWidthStart');
        searchNames.push('searchShoeWidthEnd');
      }
      if(removeName !== 'searchApparelSize'){
          searchNames.push('searchApparelSizeStart');
          searchNames.push('searchApparelSizeEnd');
      }
      if(removeName !== 'searchPrice'){
        searchNames.push('searchPriceStart');
        searchNames.push('searchPriceEnd');
      }
      if(removeName !== 'searchCouponDiscount'){
        searchNames.push('searchCouponDiscountRateStart');
        searchNames.push('searchCouponDiscountRateEnd');
        searchNames.push('searchCouponDiscountPriceStart');
        searchNames.push('searchCouponDiscountPriceEnd');
      }
      if(removeName !== 'searchDiscountRate'){
        searchNames.push('searchDiscountRateStart');
        searchNames.push('searchDiscountRateEnd');
      }
      for (var i = 0; i < searchNames.length; i++){
        if ($('#' + searchNames[i])[0] && $('#' + searchNames[i]).val().length > 0 && removeName !== searchNames[i]) {
          params[searchNames[i]] = $('#' + searchNames[i]).val();
        }
      }
      params['currentPage'] = $().getCurrentPage();
      if($('#pageSize').size() > 0){
        params['pageSize'] = $('#pageSize').val();
      }
      if($('#alignmentSequence').size() > 0){
        params['alignmentSequence'] = $('#alignmentSequence').val();
      }
      return params;
    },
    removeCondition : function(name) {
      var param = $().getSearchParams(name);
      param.currentPage = 1;
      $().moveParamCondition(param);
    },
    addMultiSearchCondition : function(name, elem) {
      var value = $(elem)
          .parents('section.multi-search-section')
          .find('input.multi-search-input:checked')
          .map(function(i, e) {
            return $(e).attr('data-multi-search-value');
          }).get().join("|");
      $().addCondition(name, value);
    },
    addMultiSearchConditionModal : function(name, elem) {
      var value = $(elem)
          .parents('.multi-search-modal')
          .find('input.multi-search-input:checked')
          .map(function(i, e) {
            return $(e).attr('data-multi-search-value');
          }).get().join("|");
      $().addCondition(name, value);
    },
    addConditionMap : function(map) {
      var param = $().getSearchParams();
      for(name in map){
        var value = map[name];
        param[name] = value;
      }
      $().moveParamCondition(param);
    },
    addCondition : function(name,value){
      var param = $().getSearchParams();
      if(name === 'price'){
        param['searchPriceStart'] = $('#searchPriceStartBox').val();
        param['searchPriceEnd'] = $('#searchPriceEndBox').val();
      } else if(name === 'shoeSize'){
        if ($('#searchSizeStartBox')[0]) {
          param['searchSizeStart'] = $('#searchSizeStartBox').val();
          param['searchSizeEnd'] = $('#searchSizeEndBox').val();
        } else {
          param['searchShoesSizeStart'] = $('#searchShoesSizeStartBox').val();
          param['searchShoesSizeEnd'] = $('#searchShoesSizeEndBox').val();
        }
      } else if(name === 'apparelSize'){
        param['searchApparelSizeStart'] = $('#searchApparelSizeStartBox').val();
        param['searchApparelSizeEnd'] = $('#searchApparelSizeEndBox').val();
      } else {
        param[name] = value;
      }
      param.currentPage = 1;
      $().moveParamCondition(param);
    },
    createSearchParamList : function(searchParams) {
      var paramList = Array();
      for(var key in searchParams){
        if (searchParams.hasOwnProperty(key)) {
          paramList.push(key+'='+encodeURIComponent(searchParams[key]));
        }
      }
      return paramList;
    },
    moveParamCondition : function(searchParams) {
      var paramList = $().createSearchParamList(searchParams);
      window.location = $('#url_base').val() + "search?" + paramList.join('&');
    },
    changeOrder : function(selected){
      var order = $(selected).val();
      var searchParams = $().getSearchParams();
      searchParams.alignmentSequence = order;
      searchParams.currentPage = 1;
      $().moveParamCondition(searchParams);
    },
    loadPage : function (searchParams, preventScroll) {
      var url = $('#url_base').val() + "search/json";
      $.get(url, searchParams, $().injectDetail, "json");
      if (!preventScroll) {
        if ($().getCurrentPage() === 1) {
          $().scrollPage(0, 0);
        } else {
          if ($('#schema').val() === 'fitfit' || 'harmony') {
            // ヘッダー固定BOEM対応
            $().scrollPage($('.main').offset().top - $('#header_top').height(), 'normal');
          } else {
            // 通常BOEM
            $().scrollPage($('.main').offset().top, 'normal');
          }
        }
      }
      return false;
    },
    getCurrentPage : function () {
      if (!!history.pushState) {
        // for history back
        var pageRegex = /currentPage=(\d+)/g.exec(location.href);
        if(pageRegex) {
          return Number(pageRegex[1]);
        }
      } else {
        var current = Number($("#currentPage").val());
        return current;
      }
      return 1;
    },
    getCurrentOrder : function () {
      var orderRegex = /alignmentSequence=([_0-9a-zA-Z\(\)\+%]+)/g.exec(location.href);
      if(orderRegex) {
        return decodeURIComponent(orderRegex[1]);
      }
      return 'recommend_commodity_rank asc';
    },
    getCurrentAlignmentSearch : function () {
      var searchRegex = /alignmentSearch=(\d+)/g.exec(location.href);
      if(searchRegex) {
        return decodeURIComponent(searchRegex[1]);
      }
      return 1;
    },
    searchReturns : function () {
      //サイズ交換返品
      if($('#isAvailableReturn:checked').length && $('#isOnlyReturnFree:checked').length ){
        // 返品無料（searchReturnCond=1）
        $().addCondition('searchReturnCond', '1');
      } else
      if($('#isAvailableReturn:checked').length && !($('#isOnlyReturnFree:checked').length)){
        //返品可能（searchReturnCond=2）
        $().addCondition('searchReturnCond', '2');
      } else{
        $().addCondition('searchReturnCond', '');
      }
    },
    addBookmark: function(shopId) {
      var data = {
        shopId: shopId
      };
      $.ajax({
        type: "POST",
        url: "/favorite-buyer/update/json",
        data: data
      }).done(function(data){
        var message = data.message;
        if (message === "done" || message === "already") {
           $("#bookmarkBtn_1").hide();
           $("#bookmarkBtn_2").show();
        } else if (message === 'notloggedin') {
            $('[data-remodal-id=favoriteBuyer-login-modal]').remodal().open();
        }
        return;
      }).fail(function(){
        $('ul.notice-msg').fadeOut('fast').empty().append(
          $('<ul />').text(i18next.t('search:text.システムエラーが発生しました。')))
          .fadeIn('fast');
          return;
      });
    },
    removeBookmark: function(shopId) {
      var data = {
          shopId: shopId
      };
      $.ajax({
        type: "POST",
        url: "/favorite-buyer/delete/json",
        data: data
      }).done(function(data){
        var message = data.message;
        if (message === "done") {
            $("#bookmarkBtn_1").show();
            $("#bookmarkBtn_2").hide();
        } else if (message === 'notloggedin') {
            $('[data-remodal-id=favoriteBuyer-login-modal]').remodal().open();
        }
        return;
      }).fail(function(){
        $('ul.notice-msg').fadeOut('fast').empty().append(
          $('<ul />').text(i18next.t('search:text.システムエラーが発生しました。')))
          .fadeIn('fast');
          return;
      });
    },
    getStockInfo: function (commodityCode){
      var url = '/commodity/' + commodityCode + '/stockInfo';
      $('.sizeList .loaderGif').removeClass('is-hide');
      $.get( url, function(data){
        var commodityCode = data.commodityStock.commodityCode;
        var thumb = data.commodityStock.imageUrl;
        var colorName = data.commodityStock.colorName;
        colorName = $().replaceProductColorText(colorName);  // カラー名「他」対応
        var searchColorName = $('[data-commoditycode="' + commodityCode + '"]').data('colorName'); // サーチカラー
        var detailList = data.commodityStock.detailList;
        var reservationPeriod = data.commodityStock.reservationPeriod; // 旧予約
        $(".modal_favItemAdd .productImage").attr('src', thumb);
        $(".modal_favItemAdd .productColor").text(colorName);
        $.each(detailList, function(index, element){
          var size = element.sizeLabel;
          var stock = element.availableStockQuantity;
          var deliveryScheduleComment = element.deliveryScheduleComment;
          var isStock = '';
          // 在庫の表示
          if (deliveryScheduleComment) {
            // 予約商品(deliveryScheduleComment が存在)の時
            stock = deliveryScheduleComment; //「X月X旬のお届け」を表示
          } else if (reservationPeriod == true) {
            // 旧予約（reservationPeriod:true、SEIKOで利用）
            stock = ''; // 明示しない
          } else if (stock >= 3) {
            // 在庫が3以上の時
            stock = i18next.t('search:text.在庫有り');
          } else if(stock < 3 && stock != 0) {
            // 在庫が1〜2の時
            stock = i18next.t('search:text.残りわずか');
          } else {
            // それ以外の時
            stock = i18next.t('search:text.在庫無し'); // 「在庫無し」、スタイル用クラスを追加
            isStock = 'isStock0';
          }
          var favorite = element.isFavorite;
          var skuCode = element.skuCode;
          var itemTempalte =
          '<li class="item" data-skucode="' + skuCode + '">'
          + '<span class="wrap ' + isStock + '"><span class="size">'+ size + '</span>'
          + '<span class="stock">' + stock + '</span></span>'
          + '<span class="btnFavItem icon-favitem ' +  favorite
          + '" onclick="$().addFavorite(&#39;' + commodityCode + '&#39;, &#39;' + skuCode + '&#39;, this);'
          + '" data-size-label="' + size + '" data-color-name="' + searchColorName + '"></span>'
          + '</li>'
          + '<li class="favoriteSimilarities" data-skucode="' + skuCode
          + '"></li>';
          $(itemTempalte).appendTo('#sizeList').hide().fadeIn(300);
          $('.sizeList .loaderGif').addClass('is-hide');
        });
      }, 'json' );
    },
    addFavorite : function(commodityCode, skuCode, clicked) {
      // skuが空の時
      if (skuCode === "") {
        return;
      }
      // ▼未ログイン
      if ($('#smp_main_content.is-not-login').length){
        // ダブルクリック防止 - クリックをcssで無効にする
        $(clicked).addClass('disable');
        // ログインページへのリンク作成 - パラメータ ? % の判定
        var urlBase = location.pathname + location.search;
        if (urlBase.match(/\?fromid\=search_mini_form\&/)){
          urlBase = location.pathname + location.search + '&favItemAdd=' + commodityCode + '_' + skuCode;
          urlBase = urlBase.replace(/\?fromid\=search_mini_form\&/g , "?");
        } else if (urlBase.match(/\?/)){
          urlBase = location.pathname + location.search + '&favItemAdd=' + commodityCode + '_' + skuCode;
        } else {
          urlBase = location.pathname + location.search + '?favItemAdd=' + commodityCode + '_' + skuCode;
        }
        var urlToLogin = urlBase.replace(/\/shop\//g , "");
        var elm
        = '<div class="boxToLogin">'
        + '<p class="heading">'+ i18next.t('search:text.お気に入りの追加は<strong>ログイン</strong>が必要です。') + '</p>'
        + '<p class="note">'+ i18next.t('search:text.お気に入り商品は以下の場合にメールでご連絡します。<br>・値段が下がった場合<br>・在庫が「残りわずか」になった場合<br>・在庫が再入荷された場合') +'</p>'
        + '<div class="btn-login"><a href="/login/redirect?path=' + encodeURIComponent(urlToLogin) + '">'+ i18next.t('search:text.ログイン') +'</a>'
        + '</div>';
        var target = $(clicked).closest('.item');
        // クリックされたリストの下にログインを表示
        $('.boxToLogin').fadeOut('fast', function(){ $(this).remove();});
        setTimeout(function(){
          $(elm).insertAfter(target).hide().fadeIn(300);
          $(clicked).removeClass('disable');
        },300);
        return false;
      } else {
        // ▼ログイン済み
        var trigger = this;
        $(trigger).attr("onclick", "");
        $(trigger).off("click");
        var url = '/commodity/add-favorite-json';
        $.ajax({
          url : url,
          dataType : "jsonp",
          data : {
            "skuCode" : skuCode
          },
          timeout : 5000
        }).done(function(data) {
          var target = $(".modal_favItemAdd .item[data-skucode=" + skuCode + "] > .btnFavItem");
          // リダイレクトの時、登録済みなら削除しない
          var urlParam = getUrlParam('favItemAdd');
          if ( urlParam ) {
            // 2回目のクリックに備えてurlのパラメータ削除しておく
            const url = new URL(location);
            url.searchParams.delete("favItemAdd");
            history.pushState('', '', url);
            if (data.message === "already") {
              // すでに登録済みだった時
              return false;
            }
          }
          if (data.message === "done") {
            // お気に入り追加した時 → フィートバック・おすすめ商品を表示
            $(target).removeClass("false").addClass("true");
            var commodityCode = $('.modal_favItemAdd').attr('data-commoditycode');
            var commercialType = $('.modal_favItemAdd').attr('data-commercialtype');
            var commodityImageSuffix = $('.modal_favItemAdd').attr('data-commodityImageSuffix');
            var sizeLabel = $(clicked).attr('data-size-label');
            var colorName = $(clicked).attr('data-color-name');
            $().getFavoriteSimilarities(commodityCode, commercialType, skuCode, commodityImageSuffix);
            // ga4 add_to_wishlist
            if(typeof clickEvent !== 'undefined') clickEvent.addToWishlist(skuCode, 'view_item_list', sizeLabel, colorName);
          } else if (data.message === "already") {
            // すでに登録済みだった時
            // お気に入りボタンのスタイルをfalseにする
            $(target).removeClass("true").addClass("false");
            var elm = $(target).parent('.item').next('.favoriteSimilarities').find('.feedbackTxt');
            $(elm).addClass('remove').text(i18next.t('search:text.お気に入りから削除しました。'));
          } else if (data.message === "notlogin") {
            // 存在しないはずだが念のため記述
            console.log(data.message);
          } else {
            return false;
          }
        }).fail(function() {
        }).always(function() {
          // 二度押し防止解除
          trigger.click((function(_shop, _sku, _trigger) {
            return function() {
              $(_trigger).addFavorite(_shop, _sku);
            };
          })(skuCode, trigger));
        });
      }
    },
    // お気に入りモーダル - カラー名「他」対応
    replaceProductColorText: function(name){
      var pattern = '他（';
      // 前方一致のとき
      if(name.indexOf(pattern) === 0){
        // 先頭から2文字を削除
        name = name.slice( 2 ) ;
        // 末尾から1文字を削除
        name = name.slice( 0, -1 ) ;
      }
      return name;
    },
    // モーダル「シーズンを選択する」「シリーズを選択する」内の不要な絞り込みボタンを非表示
    hideSelectFilterList: function( btns, list ){
      $(btns).hide();
      $(btns).each(function(index, element){
        var value = $(this).attr('data-item');
        var multi_filter_list = $(list).find('[id*="'+ value +'"]');
        if ( multi_filter_list.length ){
          $(this).show();
        }
      });
    }
  });
})(jQuery);
$(function() {
  $().createImageRatioClass();
  $().updatePageLink();
  if ($().getCurrentPage() !== 1) {
    if ($('#schema').val() === 'fitfit' || 'harmony') {
      // ヘッダー固定BOEM対応
      $().scrollPage($('.main').offset().top - $('#header_top').height(), 'normal');
    } else {
      // 通常BOEM
      $().scrollPage($('.main').offset().top, 'normal');
    }
  }
  window.onload = function(){
    if($("#isPageMoved").val() === "true"){
      $().movePage($("#currentPage").val());
    }
  };

  if (!!history.pushState) {
    History.Adapter.bind(window, 'statechange', function() {
      var State = History.getState();
      // log history
      History.log('statechange:', State.data, State.title, State.url);
      var currentOrder = $().getCurrentOrder();
      if (currentOrder) {
        $('#alignmentSequence').val(currentOrder);
      }
      var currentAlignmentSearch = $().getCurrentAlignmentSearch();
      if (currentAlignmentSearch) {
        $('input[name=alignmentSearch]').val([currentAlignmentSearch]);
      }
      $().loadPage($().getSearchParams(), true);
      $().updatePageLink();
      if ($().getCurrentPage() !== 1) {
        if ($('#schema').val() === 'fitfit' || 'harmony') {
          // ヘッダー固定BOEM対応
          $().scrollPage($('.main').offset().top - $('#header_top').height(), 'normal');
        } else {
          // 通常BOEM
          $().scrollPage($('.main').offset().top, 'normal');
        }
      }
    });
  }

  var $navGender = $('#nav_gender');
  if($navGender[0] && !$('#searchCategory').val()) {
    var searchParams = $().getSearchParams();
    if(!$.isEmptyObject(searchParams)) {
        var paramList = $().createSearchParamList(searchParams);
        $navGender.find('.search_nav_buttion').each(function () {
          $(this).attr('href', $(this).attr('href') + '&' + paramList.join('&'));
        });
    }
  }

  $("a.addBrandConditionLink").click(function(){
    $().addCondition('searchBrand', $(this).attr("data-brand-name"));
  });
});


// 価格で絞り込みをしている際、価格のエリアにoptionタグを追加する
$(function(){
  var num_searchPriceStart = parseInt($("#searchPriceStart").val());
  if (0 < num_searchPriceStart && num_searchPriceStart < 99999999){
    var price_searchPriceStart = num_searchPriceStart.toLocaleString();
    $("#searchPriceStartBox").prepend($("<option>").val(num_searchPriceStart).html("Â¥" + price_searchPriceStart).prop("selected", true));
  }

  var num_searchPriceEnd = parseInt($("#searchPriceEnd").val());
  if (0 < num_searchPriceEnd && num_searchPriceEnd < 99999999){
    var price_searchPriceEnd = num_searchPriceEnd.toLocaleString();
    $("#searchPriceEndBox").prepend($("<option>").val(num_searchPriceEnd).html("Â¥" + price_searchPriceEnd).prop("selected", true));
  }
});

// カタログ画像：マウスオーバーで画像切り替え
$(function () {
  var schema = $('#schema').val(),
      array = ['mango'];
  if (array.indexOf(schema) != -1) {
    var img;
    $(document).on({
      'mouseenter': function () {
        img = $(this).attr('src');
        var img_2 = img.replace(/([a-z]{1,}_thumbM)/g, '2_m');
        $(this).attr('src', img_2);
        $(this).error(function () {
          $(this).attr('src', img);
        });
      },
      'mouseleave': function () {
        $(this).attr('src', img);
      }
    }, '.catalogList .product-image>img');
  } else {
    return false;
  }
});