//---------------------------------------------
// COMMON
//---------------------------------------------
$(function(){

	//共通基盤　二十発火防止対応
	let isSubmit = false;
	$(window).on('submit', function () {
		if(isSubmit === true){
			return false;
		}
		isSubmit = true;
	});

	// ajax csrf
	var token = $("meta[name='_csrf']").attr("content");
	var header = $("meta[name='_csrf_header']").attr("content");
	$(document).ajaxSend(function(e, xhr, options) {
		if(options.addCsrf === false){
			return;
		}
		xhr.setRequestHeader(header, token);
	});


	//---------------------------------------------
	//page-top Click / scrollEvent
	//---------------------------------------------
	$('#page-top a').on('click', function(e){
		$('html, body').animate({scrollTop: 0},500);
		//Wheel展開時 強制終了
		$('html,body').bind('mousedown mousewheel DOMMouseScroll',function(){
			$(this).queue([]).stop();
			$(this).dequeue();
		});
		return false;
	});
	$(window).scroll(function () {
		if($('#page-top')[0]){
			if($(window).scrollTop() > 180){
				$('#page-top').fadeIn(100);
			}
			else{
				$('#page-top').fadeOut(100);
			}
		}
		/*---------------*/
	});
	// END scrollEvent
});

function open_modal(temp_obj) {
	$('body').addClass('modal-open');
	if($('html').hasClass('ie-browser')){
		//IE
		$('#' + temp_obj).fadeIn();
	}
	else{
		$('#' + temp_obj).fadeIn().css('display','flex');
	}

	$('#js-modal-bg').fadeIn();

}



function getHeaders() {
	var headers = {};
	if (document.cookie) {
		var cookies = document.cookie.split(";");
		for (var i = 0; i < cookies.length; i++) {
			var str = cookies[i].split("=");
			if (str[0].trim() == window._x_webapp_xsrf_token) {
				headers['X-XSRF-TOKEN'] = unescape(str[1]);
				break;
			}
		}
	}
	return headers;
}

function sendAjax(url, headers, sendData, callback, failCallback) {
	$.ajax({
		type: "POST"
		,url: url
		,headers : headers
		,data : JSON.stringify(sendData)
		,contentType : "application/json"
		,dataType: "json"
	}).done(function(result){
		callback(result);
	}).fail(function(jqXHR, textStatus, errorThrown){
		if(failCallback == null){
			//alert("処理に失敗しました。時間をおいて再度実行してください。");
			console.log("Ajax Error. url : " + url)
		}
		else {
			failCallback();
		}
	})
}

function sendAjaxGet(url, headers, sendData, callback, failCallback) {
    $.ajax({
        type: "GET"
        ,url: url+"?"+(new URLSearchParams(sendData).toString())
        ,headers : headers
        ,dataType: "json"
    }).done(function(result){
        callback(result);
    }).fail(function(jqXHR, textStatus, errorThrown){
        if(failCallback == null){
            //alert("処理に失敗しました。時間をおいて再度実行してください。");
			console.log("Ajax Error. url : " + url)
        }
        else {
            failCallback();
        }
    })
}

function sendAjax_sync(url, headers, sendData, callback, failCallback) {

	$.ajax({
		type: "POST"
		,url: url
		,headers : headers
		,data : JSON.stringify(sendData)
		,contentType : "application/json"
		,dataType: "json"
		,async : false
	}).done(function(result){
		callback(result);
	}).fail(function(jqXHR, textStatus, errorThrown){
		if(failCallback == null){
			//alert("処理に失敗しました。時間をおいて再度実行してください。");
			console.log("Ajax Error. url : " + url)
		}
		else {
			failCallback();
		}
	})
}


function avoidNull(str) {
	if(str == null) {
		return "";
	}
	return str;
}

function converterZipCd(zipCd) {
	var ret = "";
	if(avoidNull(zipCd) == "") {
		return ret;
	}
	if(zipCd.length == 7) {
		ret = zipCd.substring(0, 3) + '-' + zipCd.substring(3)
	}
	return ret;
}

function initTouch(){
	let rootPath =  '/';
	let url = rootPath + "touch/";
	let headers = getHeaders();
	let sendData = {
	};

	var callback = function(data){
	}
	sendAjax(url, headers, sendData, callback);
}

//-----------------------------------------------------------------------------------------------------//
// COMMON JS
//-----------------------------------------------------------------------------------------------------//

//共通用 window Scroll ポジションY
var common_win_y_pos = 0;


//-------------------------------------------------------------------//
// lazysizes
//-------------------------------------------------------------------//
/*! lazysizes - v5.3.2 Config */
window.lazySizesConfig = window.lazySizesConfig || {};
// use .lazy instead of .lazyload
window.lazySizesConfig.lazyClass = 'st-lazy';
// use data-original instead of data-src
lazySizesConfig.srcAttr = 'data-original';

/*! lazysizes - v5.3.2 */
!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});
/* END lazysizes */




//-------------------------------------------------------------------//
// header カテゴリ検索
//-------------------------------------------------------------------//
(function () {

	//コマース21 カテゴリAPIアクセス 本番
	var accessUrl = '/common/searchapi/CApSubCategoryList/';

	//コマース21APIアクセス ステージング(local時)
	if (location.href.match(/localhost/) || location.href.match(/test2.atoj.co.jp/)) {
		var accessUrl = 'https://localhost:8643/common/searchapi/CApSubCategoryList/';
	}

	//APIパラメータ shopNo:ブランドID
	var shopNo = '';
	//APIパラメータ dispNo:カテゴリID
	var dispNo = '';
	//カテゴリ階層
	var categoryLevel = 1;
	//ブランドカテゴリ階層
	var brandLevel = 1;

	//スクロール判定
	var isScrolling = 0 ;
	var timeoutId ;


	$(function(){

		if($('#header_category')[0]){

			//デバイス判定
			var isTouchDevice = (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
			//デバイス判定によるイベントの決定
			var eventType = (isTouchDevice) ? 'touchend' : 'click';

			//window scroll position
			var win_y_pos = 0;
			
			//resize
			$(window).on('resize',function(){

				/* 2022/04調整 */
				var tempWinHeight = $('#header_category_box').innerHeight();
				var tempCategoryHead_Height = $('#header_category_box_main__category-box').innerHeight();

				$('#header_category_box_main__category__body').css({'height': (tempWinHeight - tempCategoryHead_Height) + 'px'});
				$('#header_category_box_main__brand__body').css({'height': (tempWinHeight - 50) + 'px'});
				/* END 2022/04調整 */

			});
			//END resize


			//カテゴリモーダル展開ボタンfnc
			/* 2022/04 別箇所に記述 1540あたり */


			//カテゴリモーダルCloseボタンfnc
			$('#header_category_close').on('click', function(){
				//モーダル閉じる
				$('#header_category_bg').fadeOut(300);
				$('#header_category_box').fadeOut(300,function(){
					//
					$('#header_category_box_main__brand , #header_category_box_main__brand-sub').css({"display":"none"});
					$('#header_category_box_main__category').fadeIn(10);
				});

				//
				//$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
				$('body,html').removeClass('head_navi_open').animate({scrollTop:common_win_y_pos},0);
				$('body').css({"top":""});
			});


			//カテゴリ検索：モーダル背景で閉じる
			$('#header_category_bg').on('click', function(){
				//モーダル閉じる
				$('#header_category_bg').fadeOut(300);
				$('#header_category_box').fadeOut(300,function(){
					//
					$('#header_category_box_main__brand , #header_category_box_main__brand-sub').css({"display":"none"});
					$('#header_category_box_main__category').fadeIn(10);
				});

				//
				//$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
				$('body,html').removeClass('head_navi_open').animate({scrollTop:common_win_y_pos},0);
				$('body').css({"top":""});

			});


			//カテゴリエリア：ブランド遷移ボタン
			$('#header_category_box_main__category__brand-link').on('click', function(){

				$('.header_category_box_body-item').scrollTop(0);
				//
				$('#header_category_box_main__category , #header_category_box_main__brand-sub').css({"display":"none"});
				$('#header_category_box_main__brand').fadeIn(200);
				//202109追記
				$('#header_category_box').addClass('next-view');
				//remove

				if($('#header_category_box_main__brand__body .header-category-list').length === 0) {
					$.getJSON(accessUrl + "brandInfo", function(json){
						const ul = document.createElement('ul');
						ul.classList.add('header-category-list')
						json.brandCategorys.forEach(category => {
							const li = document.createElement('li');
							const a = document.createElement('a');
							a.setAttribute('href', "javascript:void(0);");
							a.setAttribute('data-choice', category.brandNo);
							a.setAttribute('data-kind', category.brandKind);
							a.textContent = category.brandName;
							li.appendChild(a);
							ul.appendChild(li);
						})
						$('#header_category_box_main__brand__body .header_category_box_body-item').html(ul);
					})
				}
			});


			//ブランド：戻るボタン
			$('#header_category_box_main__brand-back-btn').on('click', function(e){
				$('#header_category_box_main__brand , #header_category_box_main__brand-sub').css({"display":"none"});
				$('#header_category_box_main__category').fadeIn(200);
				//202109追記
				$('#header_category_box').removeClass('next-view');

				/* 2022/04調整 */
				var tempWinHeight = $('#header_category_box').innerHeight();
				var tempCategoryHead_Height = $('#header_category_box_main__category-box').innerHeight();
				$('#header_category_box_main__category__body').css({'height': (tempWinHeight - tempCategoryHead_Height) + 'px'});
				/* END 2022/04調整 */

				e.preventDefault();
			});


			//ブランド下階層：戻るボタン
			$('#header_category_box_main__brand-sub-back-btn').on('click', function(){
				$('#header_category_box_main__brand-sub').css({"display":"none"});
				$('#header_category_box_main__brand-sub__body').html('');
				$('#header_category_box_main__brand').fadeIn(200);
				//
				brandLevel = 1;
				//remove
			});


			//各ブランド選択時
			$('#header_category_box_main__brand__body').on('click', 'a', function () {

				if(isScrolling === 0) {

					//var tempWinHeight = Number(window.innerHeight);
					var tempWinHeight = $('#header_category_box').innerHeight();

					//no-scroll
					$('.header_category_box_body-item').scrollTop(0);
					//
					let tempText = $(this).text();
					$('#header_category_box_main__brand-sub__ttl dt').html('');
					$('#header_category_box_main__brand-sub__ttl dd').html('');
					$('#header_category_box_main__brand-sub__ttl dt').text(tempText);

					shopNo = $(this).attr('data-choice');
					let tempKind = $(this).attr('data-kind');

					$.getJSON(accessUrl + "brandKind", { shopNo, dispNo: tempKind }, function (json) {
					    const brandKinds = json.brandKinds;
					    if(!brandKinds) {
						    console.error("get brand kind fail");
						    return;
					    }
					    //tab数カウント
					    $('#header_category_box_main__brand-sub__header').removeClass().addClass('tab-num' + brandKinds.length);
					    let tempHtml = '<ul class="brand-no' + shopNo + '">';
					    brandKinds.forEach((brand) => {
					        tempHtml += '<li class="brand-kind' + brand.dispNo + '"><a href="javascript:void(0);" data-choice="' + brand.dispNo + '">' + brand.dispNm + '</a></li>';
					    })
					    tempHtml += '</ul>';
					    $('#header_category_box_main__brand-sub__header').html(tempHtml);

					    // ブランドエリア：headerタブ初期
					    $('#header_category_box_main__brand-sub__header ul li:first a').click();
					    $('#header_category_box_main__brand').css({ "display": "none" });
					    $('#header_category_box_main__brand-sub').fadeIn(200);

					    /* 2022/04 調整 */
					    let tempHeight01 = $('#header_category_box_main__brand-sub-back-btn').outerHeight();
					    let tempHeight02 = $('#header_category_box_main__brand-sub__ttl').outerHeight();
					    let tempHeight03 = $('#header_category_box_main__brand-sub__header').outerHeight();
					    $('#header_category_box_main__brand-sub__body').css({ 'height': (tempWinHeight - tempHeight01 - tempHeight02 - tempHeight03) + 'px' });
					})
				}
			});




			// カテゴリエリア：headerタブ click
			 $('#header_category_box_main__category__header').on('click', 'a', function () {
				$('#header_category_box_main__category__header li').removeClass('current');
				$(this).parent().addClass('current');
				let tempPos = $(this).parent().offset().left;

				//カテゴリAPI
				categoryLevel = 1;
				let tempChoice = $(this).attr('data-choice');
				getCategoryList('',tempChoice , categoryLevel);

			});


			// ブランド下層エリア：headerタブ click
			$('#header_category_box_main__brand-sub__header').on('click', 'a', function () {
				$('#header_category_box_main__brand-sub__header li').removeClass('current');
				$(this).parent().addClass('current');
				let tempPos = $(this).parent().offset().left;

				//ブランドカテゴリAPI
				brandLevel = 1;
				let tempChoice = $(this).attr('data-choice');
				getBrandCategoryList(shopNo , tempChoice , brandLevel);

			});


			// カテゴリ： 次へ(下階層)Btn Click
			$('#header_category_box_main__category').on('click', '.header-category-list .next-btn', function () {
				if(isScrolling === 0) {
					//no-scroll

					//ボタン連打回避
					$('.next-btn').addClass('category-no-events');
					//ボタン連打回避を解除
					setTimeout( function () {
						$('.next-btn').removeClass('category-no-events');
						$('.header_category_box_body-item').scrollTop(0);
					}, 400 );

					//API処理
					categoryLevel ++;
					let tempChoice = $(this).attr('data-choice');
					getCategoryList('',tempChoice , categoryLevel);
				}
			});


			// カテゴリ： 戻るBtn Click
			$('#header_category_box_main__category').on('click', '.header-category-list .back-btn', function () {
				if(isScrolling === 0) {
					//no-scroll

					//remove処理
					categoryLevel --;
					var $tempObj = $(this).parent().parent().addClass('category-no-events');
					$(this).parent().parent().removeClass('active');
					setTimeout( function () {
						$tempObj.remove();
					}, 400 );
				}
			});


			// ブランドカテゴリ： 次へ(下階層)Btn Click
			$('#header_category_box_main__brand-sub').on('click', '.header-category-list .next-btn', function () {
				if(isScrolling === 0) {
					//no-scroll

					//ボタン連打回避
					$('.next-btn').addClass('category-no-events');
					//ボタン連打回避を解除
					setTimeout( function () {
						$('.header_category_box_body-item').scrollTop(0);
						$('.next-btn').removeClass('category-no-events');
					}, 400 );

					//API処理
					brandLevel ++;
					let tempChoice = $(this).attr('data-choice');
					getBrandCategoryList(shopNo , tempChoice , brandLevel);
				}
			});


			// ブランドカテゴリ： 戻るBtn Click
			$('#header_category_box_main__brand-sub').on('click', '.header-category-list .back-btn', function () {
				if(isScrolling === 0) {
					//no-scroll

					//remove処理
					brandLevel --;
					var $tempObj = $(this).parent().parent().addClass('category-no-events');
					$(this).parent().parent().removeClass('active');
					setTimeout( function () {
						$tempObj.remove();
					}, 400 );
					//
					$('#header_category_box_main__brand-sub__ttl dd span:last').remove();
				}
			});


		}//END if($("#header_category")[0])

	});

	//-------------------------------------------------------------------//
	// 以下 Ajax処理が入る
	//-------------------------------------------------------------------//

	//------------------------------------------------------------------------
	//カテゴリ取得用 fnc  myLevel=1 ROOT ,myLevel=2 2階層目 ,myLevel=3 3階層目 ・・・
	//------------------------------------------------------------------------
	function getCategoryList(myShopNo , myDispNo , myLevel) {

		var tempUrl = accessUrl + '?shopNo=' + myShopNo + '&dispNo=' + myDispNo;
		//console.log("Category API tempUrl=" + tempUrl);
		//生成
		if(myLevel == 1){
			$('#header_category_box_main__category__body').addClass('loading').html('');
			$('#header_category_box_main__category__body').append('<div class="header_category_box_body-item header_category' + myLevel + '" style="display:none;"></div>');
		}
		else{
			$('#header_category_box_main__category__body').append('<div class="header_category_box_body-item header_category' + myLevel + '"></div>');
		}

		setTimeout( function () {
			$('#header_category_box_main__category__body .header_category' + myLevel).addClass('active');
		}, 100 );


		$.getJSON(tempUrl, function (json) {
			//console.log(json);
			//
			$('#header_category_box_main__category__body').removeClass('loading');
			//
			var code = json.code;
			if (code == -1) {
				//error
				$('#header_category_box_main__category__body').append('<div style="padding:30px 10px;text-align:center; color:#cc0000;">ERROR</div>');
				return false;
			}

			//
			var myCategoryName = json.name;
			var myBrandName = json.brand;

			var len = json.items.length;

			var tempHtml = '<ul class="header-category-list">';
			if(myLevel != 1){
				tempHtml += '<li class="back-btn"><span></span></li>';
			}

			for (var i = 0; i < len; i++) {
				//カテゴリID
				tempDispNo = json.items[i].dispNo;
				//カテゴリ名
				tempName = json.items[i].name;
				//属する商品カウント数
				tempCount = json.items[i].count;
				//サブカテゴリがあるかどうか
				tempSubCate = json.items[i].subCategory;
				//URLリンク
				tempUrl = json.items[i].url;

				// html Edit-------------------------------

				tempHtml += '<li>';
				if (tempSubCate == true) {
					//下層あり　<a href="javascript:void(0);" class="next-btn" data-choice="****">(women)Level 0<i class="header-category-list__count">50</i></a>
					tempHtml += '<a href="javascript:void(0);" class="next-btn" data-choice="' + tempDispNo + '">' + tempName + '<i class="header-category-list__count">' + tempCount + '</i></a>';
				}
				else{
					//通常リンク <a href="通常リンク">(women)Level 通常リンク<i class="header-category-list__count">50</i></a>
					tempHtml += '<a href="' + tempUrl + '&sort=00' + '">' + tempName + '<i class="header-category-list__count">' + tempCount + '</i></a>';

				}
				tempHtml += '</li>';
			}
			//
			tempHtml += '</ul>';

			$('#header_category_box_main__category__body .header_category' + myLevel).html(tempHtml);
			$('#header_category_box_main__category__body .header_category_box_body-item').fadeIn(300);

			//
			$('.header_category_box_body-item').on('scroll',function () {
				isScrolling = 1 ;
				// スクロール後に終了
				clearTimeout(timeoutId);
				timeoutId = setTimeout( function () {
					isScrolling = 0 ;
				}, 280 );
			});

		});
		//END $.getJSON

		/*-----------------------------*/
	};
	// END function getCategoryList：カテゴリ取得用 fnc



	//------------------------------------------------------------------------
	//ブランドカテゴリ取得用 fnc  myLevel=1 ROOT ,myLevel=2 2階層目 ,myLevel=3 3階層目 ・・・
	//------------------------------------------------------------------------
	function getBrandCategoryList(myShopNo , myDispNo , myLevel) {

		var tempUrl = accessUrl + '?shopNo=' + myShopNo + '&dispNo=' + myDispNo;

		//console.log("myLevel=" + myLevel);
		//console.log("Brand API tempUrl=" + tempUrl);
		//生成
		if(myLevel == 1){
			$('#header_category_box_main__brand-sub__body').addClass('loading').html('');
			$('#header_category_box_main__brand-sub__body').append('<div class="header_category_box_body-item header_category' + myLevel + '" style="display:none;"></div>');
		}
		else{
			$('#header_category_box_main__brand-sub__body').append('<div class="header_category_box_body-item header_category' + myLevel + '"></div>');
		}

		setTimeout( function () {
			$('#header_category_box_main__brand-sub__body .header_category' + myLevel).addClass('active');
		}, 100 );


		$.getJSON(tempUrl, function (json) {
			//
			$('#header_category_box_main__brand-sub__body').removeClass('loading');
			//
			var code = json.code;
			if (code == -1) {
				//error
				$('#header_category_box_main__brand-sub__body').append('<div style="padding:30px 10px;text-align:center; color:#cc0000;">ERROR</div>');
				return false;
			}

			//
			var myCategoryName = json.name;
			var myBrandName = json.brand;

			var len = json.items.length;

			if(myLevel > 1){
				$('#header_category_box_main__brand-sub__ttl dd').html('<span>' + myCategoryName + '</span>');
			}
			else{
				$('#header_category_box_main__brand-sub__ttl dd').html('');
			}

			var tempHtml = '<ul class="header-category-list">';
			if(myLevel != 1){
				tempHtml += '<li class="back-btn"><span></span></li>';
			}

			for (var i = 0; i < len; i++) {
				//カテゴリID
				tempDispNo = json.items[i].dispNo;
				//カテゴリ名
				tempName = json.items[i].name;
				//属する商品カウント数
				tempCount = json.items[i].count;
				//サブカテゴリがあるかどうか
				tempSubCate = json.items[i].subCategory;
				//URLリンク
				tempUrl = json.items[i].url;

				// html Edit-------------------------------

				tempHtml += '<li>';
				if (tempSubCate == true) {
					//下層あり　<a href="javascript:void(0);" class="next-btn" data-choice="****">(women)Level 0<i class="header-category-list__count">50</i></a>
					tempHtml += '<a href="javascript:void(0);" class="next-btn" data-choice="' + tempDispNo + '">' + tempName + '<i class="header-category-list__count">' + tempCount + '</i></a>';
				}
				else{
					//通常リンク <a href="通常リンク">(women)Level 通常リンク<i class="header-category-list__count">50</i></a>
					tempHtml += '<a href="' + tempUrl + '&sort=06' + '">' + tempName + '<i class="header-category-list__count">' + tempCount + '</i></a>';

				}
				tempHtml += '</li>';
			}
			//
			tempHtml += '</ul>';

			$('#header_category_box_main__brand-sub__body .header_category' + myLevel).html(tempHtml);
			$('#header_category_box_main__brand-sub__body .header_category_box_body-item').fadeIn(300);

			//
			$('.header_category_box_body-item').on('scroll',function () {
				isScrolling = 1 ;
				// スクロール後に終了
				clearTimeout(timeoutId);
				timeoutId = setTimeout( function () {
					isScrolling = 0 ;
				}, 280 );
			});

		});
		//END $.getJSON

		/*-----------------------------*/
	};
	// END function getBrandCategoryList：ブランドカテゴリ取得用 fnc

}());
// END header カテゴリ検索 -------------------------------------------



//-------------------------------------------------------------------//
// header キーワード検索
//-------------------------------------------------------------------//
(function () {

	$(function(){
		if($('#header_category_inner__inbox')[0]){

			var win_y_pos = 0;

			//header キーワード検索フォーカス
			$('#header_category_inner .head_search_form .head_search_form__input').on('focus',function(){
				$('#header_category_inner__inbox').addClass('active');
				//
				win_y_pos = $(window).scrollTop();
				$('body,html').addClass('head_navi_open');
				$('body').css({"top":-(win_y_pos)+"px"});

				//
				var tempWinHeight = Number(window.innerHeight);
				if($('.btnAppOnly')[0]){
					//アプリに戻るボタンがある場合(header)
					//$('#header_category_inner__inbox-popup__main').css({'height': (tempWinHeight - 245) + 'px'});
					//2021/09
					$('#header_category_inner__inbox-popup__main').css({'height': (tempWinHeight - 217) + 'px'});
				}
				else{
					//アプリに戻るボタンがない場合(header)
					//$('#header_category_inner__inbox-popup__main').css({'height': (tempWinHeight - 174) + 'px'});
					//2021/09
					$('#header_category_inner__inbox-popup__main').css({'max-height': (tempWinHeight - 144) + 'px'});
				}

			});

			//header キーワード検索 展開Close
			$('#header_category_inner .head_search_form__back').on('click', function () {
				$('#header_category_inner__inbox').removeClass('active');
				//
				$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
				$('body').css({"top":""});
			});

			//headerのエリアクリック時　header キーワード検索 展開Close
			$('#header__inner').on('click', function () {
				if($("#header_category_inner__inbox").hasClass('active')){
					//
					$('#header_category_inner__inbox').removeClass('active');
					//
					$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
					$('body').css({"top":""});
				}
				else{
				}
			});

			//キーワード検索 タブ click
			$('#header_category_inner__inbox-popup__tab').on('click', 'a', function () {
				$('#header_category_inner__inbox-popup__tab li').removeClass('active');
				$(this).parent().addClass('active');
				let tempChoice = $(this).attr('data-choice');
				if(tempChoice == "search-popular"){
					$('#header_category_inner__inbox-popup__main').removeClass('left');
				}
				else if(tempChoice == "search-history"){
					$('#header_category_inner__inbox-popup__main').addClass('left');
				}
				//line モーション
				//let tempPos = $(this).parent().offset().left;
				let tempPos = $(this).position().left;
				$('#header_category_inner__inbox-popup__tab__line').css({'left': tempPos + 'px'});
				//

			});

		}//END if($('#header_category_inner__inbox')[0])
	});

}());
// END header キーワード検索 -----------------------------------------



//-------------------------------------------------------------------//
// header キーワード検索 サジェスト用 script
//-------------------------------------------------------------------//
(function () {
	$(function(){
		if($('#header_category_inner__inbox')[0]){

			//input クリック時
			$('#header_category_inner .head_search_form .head_search_form__input').on('click',function(){
				if($(this).val() != ""){
					//input に値がある場合
					$('#header_category_inner__inbox-popup__suggest-wrap').addClass('open');
					//～以下～
				}
			});

			//input 値変動時(keyup)
			$('#header_category_inner .head_search_form .head_search_form__input').keyup(function() {
				if($(this).val() != ""){
					//input に値がある場合
					$('#header_category_inner__inbox-popup__suggest-wrap').addClass('open');
					//～以下～
				}
				else{
					//input に値がない場合
					$('#header_category_inner__inbox-popup__suggest-wrap').removeClass('open');
					//～以下～
				}
			});

		}//END if($('#header_category_inner__inbox')[0])
	});

}());
// END header キーワード検索 サジェスト用 script -----------------------------------



//-------------------------------------------------------------------//
// 類似画像検索 script
//-------------------------------------------------------------------//
$(function(){

	//syte アカウント:ステージング
	//const syteAccountID = '9190';
	//const syteSID = '6033dad0357c384069c4a9f1';

	//syte アカウント:本番
	const syteAccountID = '9145';
	const syteSID = '600e83974bfaae6629305e73';


	//アップロードを許可する拡張子
	var allow_exts = new Array('jpg', 'jpeg', 'png', 'gif');

	//window scroll ポジション
	var win_y_pos = 0;


	//アップロード予定のファイル名の拡張子が許可されているか確認
	function checkExt(filename){
		//比較のため小文字化
		var ext = getExt(filename).toLowerCase();
		//許可する拡張子の一覧(allow_exts)から対象の拡張子があるか確認
		if (allow_exts.indexOf(ext) === -1){
			return false;
		}
		return true;
	};

	//ファイル名から拡張子を取得する関数
	function getExt(filename){
		var pos = filename.lastIndexOf('.');
		if (pos === -1){
			return '';
		}
		return filename.slice(pos + 1);
	};


	//input file変更時
	if($('#similar-upload-file')[0]){
		var fileInput = document.getElementById('similar-upload-file');
		//file変更時
		fileInput.addEventListener('change', function () {
			var tempObj = this;
			//console.log('this.val() = ' + this.value);

			//画像ファイルか確認
			if (!checkExt(this.files[0].name)) {
				alert(this.files[0].name+'は利用可能な画像ファイルではありません');
				tempObj.value = '';
				return false;
			}

			//画像プレビューFnc実行
			previewFileFnc(this.files[0]);
			//fileを
			setTimeout(function () {
				tempObj.value = '';
			}, 100);

		});
	}
	//END file変更時


	//file変更時：画像プレビューFnc
	function previewFileFnc(tempFile){
		/* FileReader 読込、プレビュー画像表示 */
		let reader = new FileReader();
		reader.onload = function() {
			//let img1 = document.getElementById('similar-upload-img');
			//img1.setAttribute('src', reader.result);
			let requestData = reader.result;
			//console.log('requestData(FileBinary) = ' + requestData);

			//類似画像検索API 実行(ユーザー画像)
			similarUserPhotoFnc('img-binary' , requestData);

		};
		reader.readAsDataURL(tempFile);
	};
	//END file変更時：画像プレビューFnc


	// 類似画像検索 モーダル生成 Fnc
	function similarModalCreateFnc(){
		//modal生成
		$('body').append('<div id="modal-similar"><div id="modal-similar__content"><div id="modal-similar__header"><div id="modal-similar__header__ph"><img id="modal-similar__header__ph-img" src="" alt=""></div><div id="modal-similar__header__ttl">選択した写真</div><div id="modal-similar__header__close"><a href="javascript:void(0);"></a></div></div><div id="modal-similar__body"><div id="modal-similar__body__tab-nav"></div><div id="modal-similar__body__tab-content-wrap"></div></div></div></div>');
	};
	// END 類似画像検索 モーダル生成 Fnc


	//------------------------------------------------------------------------
	// 類似画像検索 ローディング処理 tempFlag start , end , end-attention / tempStr 中に入れる文言
	function loadingSimilarWaitFnc(tempFlag , tempStr){
		var $similar_loading_obj = $('#modal-similar-loading');

		if(tempFlag == 'start'){
			if($('#modal-similar-loading')[0]){
				//#modal-similar-loadingがすでにある場合

				//背景で閉じるようのオブジェクトを消す
				$('#modal-similar-loading-bg').remove();
				//ローディングclass削除、ロード表示に戻す
				$similar_loading_obj.removeClass('bg-on').html('<span></span>');
			}
			else{
				//#modal-similar-loadingがない場合
				//ローディング生成
				$('body').append('<div id="modal-similar-loading"><span></span></div>');
				$similar_loading_obj = $('#modal-similar-loading');
				$similar_loading_obj.fadeIn(100);
				//END ローディング生成

				//window固定処理
				if(!$('body').hasClass('head_navi_open')){
					win_y_pos = $(window).scrollTop();
					$('body').css({"top":-(win_y_pos)+"px"});
				}
				$('body,html').addClass('modal-similar-open');
				//END window固定処理
			}


		}
		else if(tempFlag == 'end-attention'){
			//アラート+ローディング終了
			$similar_loading_obj.find('span').remove();
			$similar_loading_obj.append('<div class="modal-similar-loading__inner"><p>'+ tempStr +'</p></div>');
			setTimeout(function(){
				$similar_loading_obj.fadeOut(300,function(){
					$(this).remove();
					$('#modal-similar').remove();

					//window固定処理：解除
					$('body,html').removeClass('modal-similar-open');
					if(!$('body').hasClass('head_navi_open')){
						$('body,html').animate({scrollTop:win_y_pos},0);
						$('body').css({"top":""});
					}
					//END window固定処理：解除
				});
			},1800);
			//END アラート+ローディング終了

		}
		else if(tempFlag == 'end-attention-more'){
			//アラート(再度、類似検索させるボタンを出す)
			$('#modal-similar').remove();

			$('body').append('<div id="modal-similar-loading-bg"></div>');
			$similar_loading_obj.addClass('bg-on');


			$similar_loading_obj.find('span').remove();
			$similar_loading_obj.append('<div class="modal-similar-loading__inner"><p>類似商品が見つかりませんでした。</p></div>');
			var tempHtml = '<a href="javascript:void(0);" class="modal-similar-loading__close"></a>';
			tempHtml += '<ul>';
			tempHtml += '<li><a href="javascript:void(0);" class="modal-similar-loading__more-btn">写真を変更して検索</a></li>';
			//tempHtml += '<li><a href="javascript:void(0);" class="modal-similar-loading__close-btn">閉じる</a></li>';
			tempHtml += '</ul>';
			$('.modal-similar-loading__inner').append(tempHtml);

			//END アラート(再度、類似検索させるボタンを出す)

		}
		else if(tempFlag == 'end'){
			//ローディング終了
			setTimeout(function(){
				$similar_loading_obj.fadeOut(300,function(){
					$(this).remove();
				});
			},300);
			//END ローディング終了
		}
		else{

		}

	};
	//END function loadingWaitFnc：ローディング処理



	//-------------------------------------------------------
	//類似画像検索 Fnc(ユーザー画像) tempMode(img-url , img-binary) /requestData(画像データ)
	//-------------------------------------------------------
	function similarUserPhotoFnc(tempMode , requestData){
		console.log("similar " + tempMode);
		//API URL
		let tempUrl = '';
		//API TYPE
		let tempType = '';
		//API Post-data
		let tempRequestData = '';

		//ローディング生成
		loadingSimilarWaitFnc('start','');

		if(tempMode == 'img-binary'){
			//画像バイナリ時
			tempUrl = 'https://syteapi.com/v1.1/offers/bb?account_id=' + syteAccountID + '&sig=' + syteSID + '&catalog=fashion,home&payload_type=image_bin';
			tempType = 'POST';
			tempRequestData = requestData;
		}
		else if(tempMode == 'img-url'){
			//画像URL時
			tempUrl = 'https://syteapi.com/v1.1/offers/bb?account_id=' + syteAccountID + '&sig=' + syteSID + '&catalog=fashion,home&imageUrl=' + requestData;
			tempType = 'GET';
		}

		$.ajax({
			type: tempType,
			url: tempUrl,
			contentType: 'text/plain',
			data: tempRequestData,
			addCsrf: false
		}).done(function(json){
			/* 通信成功時 */

			//modal生成
			similarModalCreateFnc();

			//画像コピー
			$('#modal-similar__header__ph-img').attr('src',requestData);
			//
			$('#modal-similar__body__tab-nav').append('<ul></ul>');


			//console.log('USER-Photo-API json ------------------------');
			//console.log(json);
			//console.log('END USER-Photo-API json ------------------------');
			//配列名のキーリスト
			var keyList = Object.keys(json);
			//console.log('Object.keys ------------------------');
			//console.log(Object.keys(json));
			//console.log('データ ------------------------');
			//console.log(json[keyList])
			//console.log("json[keyList].length = " + json[keyList].length);
			//キーによる配列の取得
			var len = json[keyList].length;

			if(len == 0){
				//何もないとき ローディング終了
				loadingSimilarWaitFnc('end-attention-more','');
				return false;
			}

			for(var i=0;i < len; i++){
				if(i==0){
					$('#modal-similar__body__tab-nav ul').append('<li id="similar-tabnavi'+i+'" data-choice="similar'+i+'" class="active"></li>');
					$('#modal-similar__body__tab-content-wrap').append('<div id="similar'+i+'" class="modal-similar__body__tab-content" style="display:block;"></div>');
				}
				else{
					$('#modal-similar__body__tab-nav ul').append('<li id="similar-tabnavi'+i+'" data-choice="similar'+i+'"></li>');
					$('#modal-similar__body__tab-content-wrap').append('<div id="similar'+i+'" class="modal-similar__body__tab-content"></div>');
				}
				//アイテム取得 APIリクエスト
				similarPhotoGetAPIFnc(i , json[keyList][i].offers , tempMode);
			}

			//syte解析用:PageVisit
			syteAnalyticsPageVisit();

			//console.log('END USER-Photo-API ========================================');

		}).fail(function(jqXHR, textStatus, errorThrown ) {
			/* 通信失敗時 */
			console.log("Server Error.");
			console.log("jqXHR.status : " + jqXHR.status);
			console.log("textStatus	 : " + textStatus);
			console.log("errorThrown	: " + errorThrown.message);

			//ローディング終了
			loadingSimilarWaitFnc('end-attention','通信エラー<br>が発生しました。');

		});
		//END $.ajax

	};
	//END 類似画像検索 Fnc(ユーザー画像)



	//-------------------------------------------------------
	//GET Bounds Request  :tempMode(img-url , img-binary)
	//-------------------------------------------------------
	function similarPhotoGetAPIFnc(tempID , tempGetUrl , tempMode){
		//console.log('tempGetUrl=' + tempGetUrl);
		$.ajax({
			type: 'GET',
			url: tempGetUrl,
			contentType: 'text/plain',
			addCsrf: false
		}).done(function(json){
			/* 通信成功時 */


			$('#similar' + tempID).append('<ul class="similar-item-list"></ul>');

			//アイテムリスト生成
			//console.log('GET Bounds Request API json ------------------------');
			//console.log(json);
			//console.log('json.ads.length = ' + json.ads.length);
			for(var i=0;i < json.ads.length;i++){

				//ナビに反映
				if(i == 0){
					$('#similar-tabnavi' + tempID).append('<figure><img class="st-lazy" src="/m/images/c/common_new/image-search-lazy.gif" data-original="' + json.ads[i].original_data.main_image_url + '" alt=""></figure>');
					$('#similar-tabnavi' + tempID).append('<span>' + json.ads[i].original_data.category + '</span>');
				}
				//END ナビに反映

				var tempHtml = '<li>';
				if(tempMode == 'img-binary'){
					//Camera
					tempHtml += '<a href="' + json.ads[i].original_data.product_url + '" class="syteAnalyticsCameraLink" data-index="'+ (i+1) +'" data-sku="'+ json.ads[i].original_data.sku +'">';
				}
				else{
					//その他
					tempHtml += '<a href="' + json.ads[i].original_data.product_url + '" class="syteAnalyticsDiscoveryLink" data-index="'+ (i+1) +'" data-sku="'+ json.ads[i].original_data.sku +'">';
				}

				tempHtml += '<div class="itemPhoto"><img class="st-lazy" src="/m/images/c/common_new/image-search-lazy.gif" data-original="' + json.ads[i].original_data.main_image_url + '" alt="">';
				if(json.ads[i].original_data.discount_rate != 0){
					tempHtml += '<span class="icon-percent-off">' + json.ads[i].original_data.discount_rate + '%OFF</span>';
				}
				tempHtml += '</div>'
				tempHtml += '<div class="itemSpec">';
				tempHtml += '<p class="itemBrandLogo">' + json.ads[i].original_data.brand + '</p>';
				tempHtml += '<p class="itemName">' + json.ads[i].original_data.title + '</p>';

				var tempValue = String(json.ads[i].original_data.sale_price).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');

				if(json.ads[i].original_data.discount_rate == 0){
					tempHtml += '<p class="itemPrice">&yen;' + tempValue + '<span class="item-tax">税込</span></p>';
				}
				else{
					tempHtml += '<p class="itemPrice priceOff">&yen;' + tempValue + '<span class="item-tax">税込</span></p>';
				}
				tempHtml += '';
				tempHtml += '</div>';
				tempHtml += '</a></li>';

				$('#similar' + tempID + ' .similar-item-list').append(tempHtml);

			}

			if(tempID == 0){
				$('#modal-similar').animate({opacity: 1}, 200);
				//ローディング終了
				loadingSimilarWaitFnc('end','');
			}
			// END アイテムリスト生成

		}).fail(function(jqXHR, textStatus, errorThrown ) {
			/* 通信失敗時 */
			console.log("Server Error.");
			console.log("jqXHR.status : " + jqXHR.status);
			console.log("textStatus	 : " + textStatus);
			console.log("errorThrown	: " + errorThrown.message);

			//ローディング終了
			loadingSimilarWaitFnc('end-attention','通信エラー<br>が発生しました。');

		});
		//END $.ajax
	};
	//END similarPhotoGetAPIFnc



	//-------------------------------------------------------
	// SKU 類似画像検索
	//-------------------------------------------------------
	function similarSkuFnc(tempSku , tempImg){
		console.log("similar Sku");

		//ローディング生成
		loadingSimilarWaitFnc('start','');

		// API URL
		var temp_url_SKU = 'https://cdn.syteapi.com/v1.1/similars?q=sku:' + tempSku + '&account_id=' + syteAccountID + '&sig=' + syteSID + '&catalog=fashion,home&fields=original_data';
		//console.log('SKU-API-URL=' + temp_url_SKU);
		$.ajax({
			type: 'GET',
			url: temp_url_SKU,
			contentType: 'text/plain',
			addCsrf: false
		}).done(function(json){
			/* 通信成功時 */

			//modal生成
			similarModalCreateFnc();

			//画像コピー
			$('#modal-similar__header__ph-img').attr('src',tempImg);


			//-------------------------------------------------------------
			//$('#modal-similar__body__tab-nav').remove();
			$('#modal-similar__body__tab-nav').append('<ul></ul>');
			$('#modal-similar__body__tab-nav ul').append('<li id="similar-tabnavi0" data-choice="similar0" class="active"></li>');
			$('#modal-similar__body__tab-content-wrap').append('<div id="similar0" class="modal-similar__body__tab-content" style="display:block;"></div>');

			//$('#modal-similar__body__tab-content-wrap').append('<ul class="similar-item-list"></ul>');
			$('#similar0').append('<ul class="similar-item-list"></ul>');

			//アイテムリスト生成
			//console.log('SKU-API json ------------------------');
			//console.log(json);

			for(var i=0;i < json.response.length;i++){

				//ナビに反映
				if(i == 0){
					$('#similar-tabnavi0').append('<figure><img class="st-lazy" src="/m/images/c/common_new/image-search-lazy.gif" data-original="' + json.response[i].original_data.main_image_url + '" alt=""></figure>');
					$('#similar-tabnavi0').append('<span>' + json.response[i].original_data.category + '</span>');
				}
				//END ナビに反映

				var tempHtml = '<li>';
				tempHtml += '<a href="' + json.response[i].original_data.product_url + '" class="syteAnalyticsDiscoveryLink" data-index="'+ (i+1) +'" data-sku="'+ json.response[i].original_data.sku +'">';

				tempHtml += '<div class="itemPhoto"><img class="st-lazy" src="/m/images/c/common_new/image-search-lazy.gif" data-original="' + json.response[i].original_data.main_image_url + '" alt="">';
				if(json.response[i].original_data.discount_rate != 0){
					tempHtml += '<span class="icon-percent-off">' + json.response[i].original_data.discount_rate + '%OFF</span>';
				}
				tempHtml += '</div>'
				tempHtml += '<div class="itemSpec">';
				tempHtml += '<p class="itemBrandLogo">' + json.response[i].original_data.brand + '</p>';
				tempHtml += '<p class="itemName">' + json.response[i].original_data.title + '</p>';

				var tempValue = String(json.response[i].original_data.sale_price).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');

				if(json.response[i].original_data.discount_rate == 0){
					tempHtml += '<p class="itemPrice">&yen;' + tempValue + '<span class="item-tax">税込</span></p>';
				}
				else{
					tempHtml += '<p class="itemPrice priceOff">&yen;' + tempValue + '<span class="item-tax">税込</span></p>';
				}
				tempHtml += '';
				tempHtml += '</div>';
				tempHtml += '</a></li>';

				//$('#modal-similar__body__tab-content-wrap .similar-item-list').append(tempHtml);
				 $('#similar0 .similar-item-list').append(tempHtml);
			}

			$('#modal-similar').animate({opacity: 1}, 200);
			// END アイテムリスト生成

			//ローディング終了
			loadingSimilarWaitFnc('end','');

			//syte解析用:PageVisit
			syteAnalyticsPageVisit();


		}).fail(function(jqXHR, textStatus, errorThrown ) {
			/* 通信失敗時 */
			console.log("Server Error.");
			console.log("jqXHR.status : " + jqXHR.status);
			console.log("textStatus	 : " + textStatus);
			console.log("errorThrown	: " + errorThrown.message);

			//ローディング終了
			if(jqXHR.status == '404'){
				loadingSimilarWaitFnc('end-attention','このSKUは<br>見つかりません。');
			}
			else{
				loadingSimilarWaitFnc('end-attention','通信エラー<br>が発生しました。');
			}
		});
		//END $.ajax
	};//END similarSkuFnc


	//-------------------------------------------------------------------------------
	//共通ボタン
	//-------------------------------------------------------------------------------

	//類似画像検索ボタン：ユーザー写真から
	$('#header_category_box_main__category__similar-link').click(function () {
		//file起動
		$('#similar-upload-file').click();
	});

	//類似画像検索ボタン：SKUから
	$('body').on('click', '.itemSimilar_fku-btn', function () {
		let tempFku = $(this).attr('data-fku');
		let tempImg = $(this).attr('data-similarimg');
		similarSkuFnc(tempFku , tempImg);
	});
	if($('.itemSimilar_fku-btn')[0]){
		//2021/12 類似POPUP
		$('.itemSimilar_fku-btn').eq(0).after('<div class="itemSimilar_fku-popup"></div>');
		setTimeout(function(){
			$('.itemSimilar_fku-popup').fadeOut(200,function(){
				$('.itemSimilar_fku-popup').remove();
			});
		}, 4000);
	}
	//END 類似画像検索ボタン：SKUから



	//画像URLからの検索：ボタン
	$('body').on('click', '.staffboard-similar-btn', function () {
		let tempImg = $(this).attr('data-similarimg');
		//類似画像検索API 実行(画像URL)
		similarUserPhotoFnc('img-url' , tempImg);
	});
	//END 画像URLからの検索：ボタン



	//Close ボタン
	$('body').on('click', '#modal-similar__header__close a', function () {
		$('#modal-similar').fadeOut(200,function(){
			$('#modal-similar').remove();
			//window固定処理：解除
			$('body,html').removeClass('modal-similar-open');
			if(!$('body').hasClass('head_navi_open')){
				$('body,html').animate({scrollTop:win_y_pos},0);
				$('body').css({"top":""});
			}
			//END window固定処理：解除
		});
	});

	//タブ切り替え ボタン
	$('body').on('click', '#modal-similar__body__tab-nav li', function () {
		let tempChoice = $(this).attr('data-choice');

		$('#modal-similar__body__tab-nav li').removeClass('active');
		$(this).addClass('active');

		$('.modal-similar__body__tab-content').css({'display':'none'});
		$('#' + tempChoice).fadeIn(150);
	});


	//loading Close ボタン / 背景で閉じる
	$('body').on('click', '.modal-similar-loading__close-btn , .modal-similar-loading__close , #modal-similar-loading-bg', function () {

		$('#modal-similar-loading').fadeOut(200,function(){
			//ローディング消す
			$('#modal-similar-loading').remove();
			//背景で閉じるようのオブジェクトを消す
			$('#modal-similar-loading-bg').remove();
			//window固定処理：解除
			$('body,html').removeClass('modal-similar-open');
			if(!$('body').hasClass('head_navi_open')){
				$('body,html').animate({scrollTop:win_y_pos},0);
				$('body').css({"top":""});
			}
			//END window固定処理：解除
		});
	});

	//loading 再度検索 ボタン
	$('body').on('click', '.modal-similar-loading__more-btn', function () {
		//file起動
		$('#similar-upload-file').click();

	});





	//-------------------------------------------------------------------------------
	//解析系
	//-------------------------------------------------------------------------------

	$('body').on('click', '.syteAnalyticsCameraLink', function () {
		let tempIndex = $(this).attr('data-index');
		let tempSku = $(this).attr('data-sku');
		//syte解析用:Camera Result Clicked
		syteAnalyticsCameraResultClicked(tempIndex,tempSku);
	});
	$('body').on('click', '.syteAnalyticsDiscoveryLink', function () {
		let tempIndex = $(this).attr('data-index');
		let tempSku = $(this).attr('data-sku');
		//syte解析用:Camera以外 Discovery Result Clicked
		syteAnalyticsDiscoveryResultClicked(tempIndex,tempSku);
	});


	// cookie取得：連想配列に格納
	function getCookieArray(){
		var arr = new Array();
		if(document.cookie != ''){
			var tmp = document.cookie.split('; ');
			for(var i=0;i<tmp.length;i++){
				var data = tmp[i].split('=');
				arr[data[0]] = decodeURIComponent(data[1]);
			}
		}
		return arr;
	}


	//syte解析用:PageVisit
	function syteAnalyticsPageVisit(){

		let tempCookieArr = getCookieArray();

		let YOUR_ACCOUNT_ID = syteAccountID;
		let YOUR_SIGNATURE = syteSID;
		let SESSION_ID = tempCookieArr['V1_COMM_914'] || ''; //V1_COMM_914：session_id
		let USER_UUID = tempCookieArr['V1_COMM_913'] || '';  //V1_COMM_913：syte_uuid
		let REFERER_URL = location.href;

		/*
		console.log("YOUR_ACCOUNT_ID = " + YOUR_ACCOUNT_ID);
		console.log("YOUR_SIGNATURE = " + YOUR_SIGNATURE);
		console.log("SESSION_ID = " + SESSION_ID + "  / V1_COMM_914 = " + tempCookieArr['V1_COMM_914']);
		console.log("USER_UUID = " + USER_UUID + "  / V1_COMM_913 = " + tempCookieArr['V1_COMM_913']);
		console.log("REFERER_URL = " + REFERER_URL);
		*/

		fetch(['https://syteapi.com/et?tags=ecommerce',
			'name=fe_page_view',
			`account_id=${YOUR_ACCOUNT_ID}`,
			`sig=${YOUR_SIGNATURE}`,
			`session_id=${SESSION_ID}`,
			`syte_uuid=${USER_UUID}`,
			`syte_url_referer=${encodeURIComponent(REFERER_URL)}`
		].join('&'), {
			//詳細ページ以外のページでは省略
			//body: JSON.stringify({ sku: PRODUCT_SKU }),
			method: 'post'
		})
		.then(response => response.text())
		.then(result => {
			if (result === '') {
				console.log('syte Success (Page)');
			}
		})
		.catch(err => {
			console.error('syte Error (Page)');
			console.error(err);
		});
	};


	//syte解析用:Camera Result Clicked
	function syteAnalyticsCameraResultClicked(tempIndex,tempSku){

		let tempCookieArr = getCookieArray();

		let YOUR_ACCOUNT_ID = syteAccountID;
		let YOUR_SIGNATURE = syteSID;
		let SESSION_ID = tempCookieArr['V1_COMM_914'] || ''; //V1_COMM_914：session_id
		let USER_UUID = tempCookieArr['V1_COMM_913'] || '';  //V1_COMM_913：syte_uuid
		let REFERER_URL = location.href;

		fetch(['https://syteapi.com/et?tags=camera',
			'name=fe_offer_click',
			`account_id=${YOUR_ACCOUNT_ID}`,
			`sig=${YOUR_SIGNATURE}`,
			`session_id=${SESSION_ID}`,
			`syte_uuid=${USER_UUID}`,
			`syte_url_referer=${encodeURIComponent(REFERER_URL)}`
		].join('&'), {
			body: JSON.stringify({
				sku: tempSku,
				position: tempIndex
			}),
			method: 'post'
		})
		.then(response => response.text())
		.then(result => {
			if (result === '') {
				console.log('syte Success (click Camera)');
			}
		})
		.catch(err => {
			console.error('syte Error (click Camera)');
			console.error(err);
		});
	};


	//syte解析用:Camera以外 Discovery Result Clicked
	function syteAnalyticsDiscoveryResultClicked(tempIndex,tempSku){

		let tempCookieArr = getCookieArray();

		let YOUR_ACCOUNT_ID = syteAccountID;
		let YOUR_SIGNATURE = syteSID;
		let SESSION_ID = tempCookieArr['V1_COMM_914'] || ''; //V1_COMM_914：session_id
		let USER_UUID = tempCookieArr['V1_COMM_913'] || '';  //V1_COMM_913：syte_uuid
		let REFERER_URL = location.href;

		fetch(['https://syteapi.com/et?tags=discovery_button',
			'name=fe_offer_click',
			`account_id=${YOUR_ACCOUNT_ID}`,
			`sig=${YOUR_SIGNATURE}`,
			`session_id=${SESSION_ID}`,
			`syte_uuid=${USER_UUID}`,
			`syte_url_referer=${encodeURIComponent(REFERER_URL)}`
		].join('&'), {
			body: JSON.stringify({
				sku: tempSku,
				position: tempIndex
			}),
			method: 'post'
		})
		.then(response => response.text())
		.then(result => {
			if (result === '') {
				console.log('syte Success (click Discovery)');
			}
		})
		.catch(err => {
			console.error('syte Error (click Discovery)');
			console.error(err);
		});

	};


	/*---------------------------------------------*/
});
// END 類似画像検索 script -------------------------------------------------------




//-------------------------------------------------------------------------------//
// COMMON Other script
//-------------------------------------------------------------------------------//
$(function(){

	//--------------------------------------------------------//
	//変数
	//--------------------------------------------------------//
	//window scroll Y座標入れ
	var win_y_pos = 0;


	//--------------------------------------------------------//
	// header FIXED
	//--------------------------------------------------------//
	let fix = $('#header');
	let fixTop = $('#header-wrap').offset().top;
	let FixedHeader = function() {
		//
		if($('body').hasClass('no-fixed')){
			//fix処理無し
		}
		else{
			//fix処理有り
			if ($(window).scrollTop() > fixTop){
				fix.addClass('fixed-head');
			} else {
				if($('body').hasClass('head_navi_open') || $('body').hasClass('modal-open')){
					//headerドロワーメニュー展開 or モーダル展開時
				}
				else{
					fix.removeClass('fixed-head');
				}
			}
		}
	};
	$(window).scroll(FixedHeader);
	$('body').on('touchmove', FixedHeader);
	// END header FIXED --------------------------------------


	//--------------------------------------------------------//
	//header ハンバーガーメニュー
	//--------------------------------------------------------//
	$('#header__drawer-menu a').on('click', function(){
		//展開前(Open)
		win_y_pos = $(window).scrollTop();

		/* Open */
		$('#header-drawer').addClass('open');
		$('#header-drawer-bg').fadeIn(400);
		$('body,html').addClass('head_navi_open');
		$('body').css({"top":-(win_y_pos)+"px"});
	});
	$(".header-drawer__close-pc, .header-drawer__close-sp , #header-drawer-bg").click(function(){
		/* close */
		$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
		$('body').css({"top":""});

		$('#header-drawer').removeClass('open');
		$('#header-drawer-bg').fadeOut(400);
	});

	//header ドロワーメニュー　アコーディオン
	$(".header-drawer__navi__accordion-btn").click(function(){
		$(this).toggleClass("open");
		$(this).next().slideToggle(200);
	});


	//--------------------------------------------------------//
	//header brandボタンまわり
	//--------------------------------------------------------//
	$('#header__brand-btn a').on('click', function(){
		$('#header__brand-btn').toggleClass('open');
		$('#header-brand').slideToggle(300);
		$('#header-brand-bg').fadeToggle(400);

		if($('#header__brand-btn').hasClass('open')){
			//open
			win_y_pos = $(window).scrollTop();
			$('body,html').addClass('head_navi_open');
			$('body').css({"top":-(win_y_pos)+"px"});
		}
		else{
			//close
			//ポジション
			$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
			$('body').css({"top":""});
		}

		//2020/10 キーワード検索用の処理を追加
		if($('#header_category_inner__inbox')[0]){
			$('#header_category_inner__inbox').removeClass('active');
			$('#header_category_inner .head_search_form .head_search_form__input').blur();
		}
		//END 2020/10 キーワード検索用の処理を追加

	});


	//brand：モーダル背景で閉じる
	$('#header-brand-bg').on('click', function(){
		$('#header__brand-btn').removeClass('open');
		$('#header-brand').slideUp(300);
		$('#header-brand-bg').fadeOut(300);
		//ポジション
		$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
		$('body').css({"top":""});
	});
	//END header brandボタンまわり　---------------------------



	//--------------------------------------------------------//
	//カテゴリ検索ボタンまわり
	//--------------------------------------------------------//
	//カテゴリモーダル展開ボタンfnc
	$('#header__search-btn a').on('click', function(e){

		$('#header__search-btn').addClass('open');

		// カテゴリエリア：headerタブ初期
		$('#header_category_box_main__category__header .WOMEN a').click();

		//モーダル展開
		$('#header_category_box').fadeIn(1).css({'display':'flex'});
		$('#header_category_bg').fadeIn(400);


		/* 2022/04調整 */
		var tempWinHeight = $('#header_category_box').innerHeight();
		var tempCategoryHead_Height = $('#header_category_box_main__category-box').innerHeight();

		$('#header_category_box_main__category__body').css({'height': (tempWinHeight - tempCategoryHead_Height) + 'px'});
		$('#header_category_box_main__brand__body').css({'height': (tempWinHeight - 50) + 'px'});
		/* END 2022/04調整 */

		//
		common_win_y_pos = win_y_pos = $(window).scrollTop();
		$('body,html').addClass('head_navi_open');
		$('body').css({"top":-(win_y_pos)+"px"});
	});
	//END カテゴリ検索ボタンまわり　---------------------------



	//--------------------------------------------------------//
	/* 外部クリックによる解除 モーダルカテゴリ検索 展開Close /
	   外部クリックによる解除 キーワード検索 展開Close / ブランドリスト解除
	*/
	//--------------------------------------------------------//
	$(document).on('click', function(e) {

		if($('html').hasClass('mode_PC')){
			//PC時は以下を通す-------------------------------------------

			//外部クリックによる解除 モーダルカテゴリ検索 展開Close
			if(!$(e.target).closest('#header_category_box').length && !$(e.target).closest('#header__search-btn').length){

				if($('#header__search-btn').hasClass('open')){
					//カテゴリモーダルボタンにopen Classがある場合
					//カテゴリモーダルボタン
					$('#header__search-btn').removeClass("open");

					//カテゴリモーダル非表示
					$('#header_category_box').fadeOut(1,function(){
						//カテゴリモーダル背景 非表示
						$('#header_category_bg').fadeOut(1);
						//初期表示に戻す
						$('#header_category_box_main__brand , #header_category_box_main__brand-sub').css({"display":"none"});
						$('#header_category_box_main__category').fadeIn(10);
					});

					//キーワード検索以外 / headerドロワーメニューボタン 以外をクリック時
					if(!$(e.target).closest('#header_category_inner__inbox').length && !$(e.target).closest('#header__drawer-menu').length){
						if($('body,html').hasClass('head_navi_open')){

							//ポジション
							$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
							$('body').css({"top":""});
							//$('body,html').removeClass('head_navi_open')
						}
					}
				}
			}
			//END 外部クリックによる解除 モーダルカテゴリ検索 展開Close


			//外部クリックによる解除 キーワード検索 展開Close
			if(!$(e.target).closest('#header_category_inner__inbox').length){

				if($('#header_category_inner__inbox').hasClass('active')){
					//header_category_inner__inboxにactive Classがある場合
					$('#header_category_inner__inbox').removeClass('active');

					//モーダルカテゴリボタン / headerドロワーメニューボタン 以外をクリック時
					if(!$(e.target).closest('#header_category_other-search').length && !$(e.target).closest('#header__drawer-menu').length){
						if($('body,html').hasClass('head_navi_open')){

							//ポジション
							$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
							$('body').css({"top":""});
							//$('body,html').removeClass('head_navi_open');
						}
					}
				}
			}
			//END 外部クリックによる解除 キーワード検索 展開Close


			//外部クリックによる解除 headerブランドリスト 展開Close
			if(!$(e.target).closest('#header-brand').length && !$(e.target).closest('#header__brand-btn').length){

				if($('#header__brand-btn').hasClass('open')){
					//ブランド展開ボタンにopen Classがある場合
					//ブランド展開ボタン
					$('#header__brand-btn').removeClass("open");
					//ブランドリスト
					$('#header-brand').slideUp(300);
					$('#header-brand-bg').fadeOut(300);

					//ポジション
					$('body,html').removeClass('head_navi_open').animate({scrollTop:win_y_pos},0);
					$('body').css({"top":""});
				}
			}
			//END 外部クリックによる解除 headerブランドリスト 展開Close

		}//END if($('html').hasClass('mode_PC'))

	});
	//END 外部クリックによる解除 モーダルカテゴリ検索 展開Close / 外部クリックによる解除 キーワード検索 展開Close / ブランドリスト解除





	//------------------------------------------------//
	//page-top Click / scrollEvent
	//------------------------------------------------//
	$('#page-top a').on('click', function(e){
		$('html, body').animate({scrollTop: 0},500);
		//Wheel展開時 強制終了
		$('html,body').bind('mousedown mousewheel DOMMouseScroll',function(){
			$(this).queue([]).stop();
			$(this).dequeue();
		});
		return false;
	});
	$(window).scroll(function () {
		if($('#page-top')[0]){
			if($(window).scrollTop() > 180){
				$('#page-top').fadeIn(100);
			}
			else{
				$('#page-top').fadeOut(100);
			}
		}
		/*---------------*/
	});
	// END scrollEvent



	//------------------------------------------------//
	//Ancher Link
	//------------------------------------------------//
	$('.js-anchor-link').on('click', function(e){
		var target = $(this).attr('href');
		if(target != "#"){
			target = $(target);
			if (target.length == 0) {return;}

			var temp_h = $('#header-wrap').innerHeight() + 10;

			$('html, body').animate({scrollTop: target.offset().top - temp_h},500);
			//Wheel展開時 強制終了
			$('html,body').bind('mousedown mousewheel DOMMouseScroll',function(){
				$(this).queue([]).stop();
				$(this).dequeue();
			})
			return false;
		}//end if(target != "#")

	});

	//モーダル系
	modalInitSetting()

	//------------------------------------------------//
	//アコーディオン系
	//------------------------------------------------//
	$('.js-accordion-btn').click(function () {
		$(this).toggleClass('open');
		$(this).next().slideToggle();
	});


	//------------------------------------------------//
	//footer カテゴリイベント / sideカラムClone
	//------------------------------------------------//
	$(document).on('click', '.footer-category__list-wrap dl dt', function(e) {
		$(this).next().slideToggle(200);
		$(this).toggleClass("active");
	});

	if($('#side')[0] != undefined && $('#footer-category')[0] != undefined){
		$('#footer-category .footer-category__inner').clone(true).appendTo('#side');
	}
	//END footer カテゴリイベント / sideカラムClone


	// --------------------------------------
});
// END COMMON Other script -------------------------------------------------------


function modalInitSetting(){

	//------------------------------------------------//
	//モーダル系
	//------------------------------------------------//
	var $modalBk = $('#js-modal-bg');

	//外エリアで閉じる
	$('#js-modal-bg , .modal').click(function () {
		if(!$modalBk.hasClass('js-modal-no-close')){
			$modalBk.fadeOut(200);
			$('.modal').fadeOut(200);
			$('body').removeClass('modal-open');
		}
	});
	$('.modal-content , .modal-content-dialog').click(function (e) {
		e.stopPropagation();
	});


	//モーダル閉じるbtn
	$('.modal-header__close a , .js-modal-close').click(function () {
		let tempObj = $(this).attr('data-choice');
		$('#' + tempObj).fadeOut(200);
		$modalBk.fadeOut().removeClass('js-modal-no-close');
		$('body').removeClass('modal-open');
	});

	//モーダル展開btn
	$('.js-modal-btn').click(function () {
		let tempObj = $(this).attr('data-choice');
		$('body').addClass('modal-open');
		$('#' + tempObj).fadeIn(200).css('display','flex');

		$modalBk.fadeIn();
	});

	//モーダル展開：画像用
	$('.js-img-modal-btn').click(function () {
		let tempObj = $(this).attr('data-choice');
		let tempUrl = $(this).attr('href');
		$('#' + tempObj + ' .load-image').attr('src', tempUrl);

		$('body').addClass('modal-open');
		$('#' + tempObj).fadeIn(200).css('display','flex');

		$modalBk.fadeIn();

		return false;
	});



}