//iPhone用。<a>要素以外のclickアクションを起動するためのもの

$(function(){
	$('.mkrnw-wrapper').on('click', function(){});
});


//ページ内リンクのスムーススクロール
//「.anc」 と 「.pagetop」のクラスがついたページ内リンクが対象

$(function(){
	$('.mkrnw-wrapper .anc a[href^="#"] , .mkrnw-wrapper .pagetop a[href^="#"]').click(function() {
		var winWidth = window.innerWidth;

			var speed = 400;
			var href= $(this).attr("href");
			var target = $(href == "#" || href == "" ? 'html' : href);
			if (winWidth > 750){
				var position = Math.ceil(target.offset().top);
			} else {
				var position = Math.ceil(target.offset().top);
			}
			$('body,html').animate({scrollTop:position}, speed, 'swing');
			return false;

	});

});


//pc版とsp版の画像切り替え
//「.imgSet」のクラスがついた画像が対象。画像名の最後の「_sp」を付け外しする。

$(function(){

	var setFlug = window.innerWidth;
	imgSet(setFlug);


	function imgSet(setFlug) {
		if(setFlug>750){
		$(".imgSet img").each(function(index){
		if ($(this).attr("src")){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)_sp(\.[a-z]+)$/, "$1$2"));
		}
		});
		}else{
		$(".imgSet img").each(function(index){
		if ($(this).attr("src").indexOf('_sp')<0){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_sp$2"));
		}
		});
		}
	}
});


$(function(){
	var tcw;
	$(window).on("resize" , function() {

		var cw = window.innerWidth;
		if (tcw < 750 && 750 <= cw) {
			$(".imgSet img").each(function(index){
				if ($(this).attr("src")){
					$(this).attr("src",$(this).attr("src").replace(/^(.+)_sp(\.[a-z]+)$/, "$1$2"));
				}
			});
		}else if ( tcw > 750 && 750 >= cw){
			$(".imgSet img").each(function(index){
				if ($(this).attr("src").indexOf('_sp')<0){
					$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_sp$2"));
				}
			});
		}
		tcw = cw;

	});
});


//おすすめ商品のswiper
//「.feature」のクラスがついたブロックが対象。横スクロールを起動。

$(function(){
	var cw = window.innerWidth;
	if(cw > 750){
		var swiper = new Swiper('.mkrnw-wrapper .featureList .swiper-container', {
			width:220,
			spaceBetween: 20,
			initialSlide: 0,
			slidesPerGroup: 4,
			loop: false,
			freeMode:false,
			slidePerView:'auto',
			navigation: {
				nextEl: '.mkrnw-wrapper .featureList .swiper-button-next',
				prevEl: '.mkrnw-wrapper .featureList .swiper-button-prev',
			},
			scrollbar: {
				el: '.mkrnw-wrapper .featureList .swiper-scrollbar',
			},
		});
	} else {
		if(cw <= 320){
			var swiper = new Swiper('.mkrnw-wrapper .featureList .swiper-container', {
				width:150,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:'auto',
				scrollbar: {
					el: '.mkrnw-wrapper .featureList .swiper-scrollbar',
				},
			});
		} else if(cw <= 374){
			var swiper = new Swiper('.mkrnw-wrapper .featureList .swiper-container', {
				width:145,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:'auto',
				scrollbar: {
					el: '.mkrnw-wrapper .featureList .swiper-scrollbar',
				},
			});
		} else {
			var swiper = new Swiper('.mkrnw-wrapper .featureList .swiper-container', {
				width:143,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:'auto',
				scrollbar: {
					el: '.mkrnw-wrapper .featureList .swiper-scrollbar',
				},
			});
		}
	}
});


//ヘッダの言語、ポイントのポップアップ

$(function(){
	var cw = window.innerWidth;
	var pt;
	if(cw > 750){
		$('.mkrnw-wrapper .l-top-header .nav02 .lang a').click(function() {
			$('.mkrnw-wrapper .l-top-header .nav02 .popLang').slideToggle(200);
			return false;
		});
		$('.mkrnw-wrapper .l-header .nav02 .lang a').click(function() {
			$('.mkrnw-wrapper .l-header .nav02 .popLang').slideToggle(200);
			return false;
		});
		$(document).click(function(event) {
			if(!$(event.target).closest('.mkrnw-wrapper .l-top-header .popLang').length) {
				$('.mkrnw-wrapper .l-top-header .nav02 .popLang').slideUp(200);
			}
			if(!$(event.target).closest('.mkrnw-wrapper .l-header .popLang').length) {
				$('.mkrnw-wrapper .l-header .nav02 .popLang').slideUp(200);
			}
		});
		pt = 26;
	} else {
		pt = 70;
	}
	$('.mkrnw-wrapper .l-top-header .nav02 .point a').click(function() {
		$(this).toggleClass('on');
		if($(this).hasClass('on')){
			$('.mkrnw-wrapper .l-top-header .popPoint').fadeIn(200).animate({top:pt+30},{queue: false , duration: 200});
		} else {
			$('.mkrnw-wrapper .l-top-header .popPoint').fadeOut(200).animate({top:pt+10},{queue: false , duration: 200});
		}
		return false;
	});
	$('.mkrnw-wrapper .l-top-header .popPoint .close').click(function() {
		$('.mkrnw-wrapper .l-top-header .popPoint').fadeOut(200).animate({top:pt+10},{queue: false , duration: 200});
		return false;
	});
	$('.mkrnw-wrapper .l-header .nav02 .point a').click(function() {
		$(this).toggleClass('on');
		if($(this).hasClass('on')){
			$('.mkrnw-wrapper .l-header .popPoint').fadeIn(200).animate({top:pt+20},{queue: false , duration: 200});
		} else {
			$('.mkrnw-wrapper .l-header .popPoint').fadeOut(200).animate({top:pt},{queue: false , duration: 200});
		}
		return false;
	});
	$('.mkrnw-wrapper .l-header .popPoint .close').click(function() {
		$('.mkrnw-wrapper .l-header .popPoint').fadeOut(200).animate({top:pt},{queue: false , duration: 200});
		return false;
	});

	$(document).click(function(event) {
		if(!$(event.target).closest('.mkrnw-wrapper .l-top-header .popPoint').length) {
			$('.mkrnw-wrapper .l-top-header .nav02 .point a').removeClass('on');
			$('.mkrnw-wrapper .l-top-header .popPoint').fadeOut(200).animate({top:pt+10},{queue: false , duration: 200});
		}
	});
	$(document).click(function(event) {
		if(!$(event.target).closest('.mkrnw-wrapper .l-header .popPoint').length) {
			$('.mkrnw-wrapper .l-header .nav02 .point a').removeClass('on');
			$('.mkrnw-wrapper .l-header .popPoint').fadeOut(200).animate({top:pt},{queue: false , duration: 200});
		}
	});

});

//フッタのマツモトキヨシバナーのポップアップ

$(function(){
	$('.mkrnw-wrapper .l-footer .footer01 .group li:first-child a').click(function() {
		$('#mkrnw-overlay').fadeIn(200);
		$('.mkrnw-wrapper .l-footer .popStore').fadeIn(200);
		return false;
	});
	$('.mkrnw-wrapper .l-footer .popStore .close , #mkrnw-overlay').click(function() {
		$('#mkrnw-overlay').fadeOut(200);
		$('.mkrnw-wrapper .l-footer .popStore').fadeOut(200);
	});
});


//ヘッダの検索窓のフェードイン

$(function(){
	var cw = window.innerWidth;
	var th;
	if(cw > 750){
		$('.mkrnw-wrapper .l-header .inner .search input').click(function() {
			$('.mkrnw-wrapper .l-header .inner').fadeOut(200);
			$('.mkrnw-wrapper .l-header .pcNav').fadeOut(200);
			$('.mkrnw-wrapper .l-header').animate({
				height:72
			}, 200 , function(){
				$('.mkrnw-wrapper .l-header .searchBox').fadeIn(200);
				$('.mkrnw-wrapper .l-header .searchBox .search input[type="text"]:nth-child(2)').animate({
					width:471
				}, 200).focus();
			});
		});

		$('.mkrnw-wrapper .l-header .searchBox .close').click(function() {
			var s = $('.mkrnw-wrapper .l-header .searchBox .search input[type="text"]:nth-child(2)').val()
			$('.mkrnw-wrapper .l-header .searchBox').fadeOut(200);
			$('.mkrnw-wrapper .l-header .searchBox .search input[type="text"]:nth-child(2)').animate({
				width:0
			}, 200 , function(){
				$('.mkrnw-wrapper .l-header .inner').fadeIn(200);
				$('.mkrnw-wrapper .l-header .pcNav').fadeIn(200);
				$('.mkrnw-wrapper .l-header').animate({
					height:112
				}, 200 , function(){
					$('.mkrnw-wrapper .l-header .inner .search input').val(s);
				});
			});
		});
	} else {
		$('.mkrnw-wrapper .l-header .inner .search').click(function() {
			th = $('.mkrnw-wrapper .l-header').innerHeight();
			$('.mkrnw-wrapper .l-header .inner').fadeOut(200);
			$('.mkrnw-wrapper .l-header').animate({
				height:115
			}, 200 , function(){
				$('.mkrnw-wrapper .l-header .searchBox').fadeIn(200);
				$('.mkrnw-wrapper .l-header .searchBox .search input[type="text"]:nth-child(2)').animate({
					width:'100%'
				}, 200).focus();
			});
		});

		$('.mkrnw-wrapper .l-header .searchBox .close').click(function() {
			var s = $('.mkrnw-wrapper .l-header .searchBox .search input[type="text"][type="text"]:nth-child(2)').val()
			$('.mkrnw-wrapper .l-header .searchBox').fadeOut(200);
			$('.mkrnw-wrapper .l-header .searchBox .search input[type="text"]:nth-child(2)').animate({
				width:0
			}, 200 , function(){
				$('.mkrnw-wrapper .l-header .inner').fadeIn(200);
				$('.mkrnw-wrapper .l-header').animate({
					height:th
				}, 200 , function(){
					$('.mkrnw-wrapper .l-header .inner .search input').val(s);
				});
			});
		});
	}

//ヘッダの検索窓のカテゴリ選択の挙動

	$('.mkrnw-wrapper .l-header .searchBox .search .cate').click(function() {
		$('.mkrnw-wrapper .l-header .searchBox ul').slideToggle(200);
	});
	$(document).click(function(event) {
		if(!$(event.target).closest('.mkrnw-wrapper .l-header .searchBox .search .cate').length) {
			if(!$(event.target).closest('.mkrnw-wrapper .l-header .searchBox ul').length) {
				$('.mkrnw-wrapper .l-header .searchBox ul').slideUp(200);
			}
		}
	});


	$('.mkrnw-wrapper .l-header .searchBox ul li').click(function() {
		$('.mkrnw-wrapper .l-header .searchBox ul li').removeClass('act');
			var v = $(this).text();
			var v2 = $(this).attr('data-categoryCode');
		$(this).addClass('act');
		$('.mkrnw-wrapper .l-header .searchBox .search .cate input[type="text"]').val(v);
		$('.mkrnw-wrapper .l-header .searchBox input[name="category"]').val(v2);
		$('.mkrnw-wrapper .l-header .searchBox ul').slideUp(200);
	});

	$('#frmTopPageHeaderSearch,#frmHeaderSearch').submit(function(event) {
		event.preventDefault();
		let query = $(this).serialize();
		let arr = [];
		$.each(query.split('&'), function(i, param) {
			if (param.split('=')[1]) {
				arr.push(param);
			}
		});
		query = arr.join('&');
		console.log(query);
		location.href = this.action + '?' + query;
	});

});






//ランキングのswiper
//「.rank」のクラスがついたブロックが対象。横スクロールを起動。

$(function(){

	var cw01 = window.innerWidth;
	if(cw01 > 750){
		var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
			width:220,
			spaceBetween: 20,
			initialSlide: 0,
			slidesPerGroup: 4,
			loop: false,
			freeMode:false,
			slidePerView:'auto',
			navigation: {
				nextEl: '.mkrnw-wrapper .rankList .swiper-button-next01',
				prevEl: '.mkrnw-wrapper .rankList .swiper-button-prev01',
			},
			scrollbar: {
				el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
			},
		});
	} else {
		if(cw01 <= 320){
			var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
				width:150,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:4,
				scrollbar: {
					el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
				},
			});
		} else if(cw01 <= 374){
			var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
				width:145,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:4,
				scrollbar: {
					el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
				},
			});
		} else {
			var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
				width:143,
				spaceBetween: 10,
				slidesOffsetBefore: -13,
				initialSlide: 0,
				loop: false,
				freeMode:true,
				slidePerView:4,
				scrollbar: {
					el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
				},
			});
		}
	}


//ランキングのタブ切り替え
//「.ranktab」のクラスがついたブロックが対象。

	$('.mkrnw-wrapper .ranktab .tabMenu > li').click(function() {
		var num = $(this).parent().children('li').index(this);

		$('.mkrnw-wrapper .ranktab .tabMenu').each(function(){
			$('>li',this).removeClass('act').eq(num).addClass('act');
		});
		$('.mkrnw-wrapper .ranktab .rankListInner .swiper-container').hide().eq(num).show();
		var cw = window.innerWidth;
		if(cw > 750){
			if(num == 0){
				var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
					width:220,
					spaceBetween: 20,
					initialSlide: 0,
					slidesPerGroup: 4,
					loop: false,
					freeMode:false,
					slidePerView:'auto',
					navigation: {
						nextEl: '.mkrnw-wrapper .rankList .swiper-button-next01',
						prevEl: '.mkrnw-wrapper .rankList .swiper-button-prev01',
					},
					scrollbar: {
						el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
					},
				});
			} else if(num == 1){
				var swiper02 = new Swiper('.mkrnw-wrapper .rankList .swiper-container02', {
					width:220,
					spaceBetween: 20,
					initialSlide: 0,
					slidesPerGroup: 4,
					loop: false,
					freeMode:false,
					slidePerView:'auto',
					navigation: {
						nextEl: '.mkrnw-wrapper .rankList .swiper-button-next02',
						prevEl: '.mkrnw-wrapper .rankList .swiper-button-prev02',
					},
					scrollbar: {
						el: '.mkrnw-wrapper .rankList .swiper-scrollbar02',
					},
				});
			} else {
				var swiper03 = new Swiper('.mkrnw-wrapper .rankList .swiper-container03', {
					width:220,
					spaceBetween: 20,
					initialSlide: 0,
					slidesPerGroup: 4,
					loop: false,
					freeMode:false,
					slidePerView:'auto',
					navigation: {
						nextEl: '.mkrnw-wrapper .rankList .swiper-button-next03',
						prevEl: '.mkrnw-wrapper .rankList .swiper-button-prev03',
					},
					scrollbar: {
						el: '.mkrnw-wrapper .rankList .swiper-scrollbar03',
					},
				});
			}
		} else {
			if(cw <= 320){
				if(num == 0){
					var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
						width:150,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
						},
					});
				} else if(num == 1){
					var swiper02 = new Swiper('.mkrnw-wrapper .rankList .swiper-container02', {
						width:150,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar02',
						},
					});
				} else {
					var swiper03 = new Swiper('.mkrnw-wrapper .rankList .swiper-container03', {
						width:150,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar03',
						},
					});
				}
			} else if(cw <= 374){
				if(num == 0){
					var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
						width:145,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
						},
					});
				} else if(num == 1){
					var swiper02 = new Swiper('.mkrnw-wrapper .rankList .swiper-container02', {
						width:145,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar02',
						},
					});
				} else {
					var swiper03 = new Swiper('.mkrnw-wrapper .rankList .swiper-container03', {
						width:145,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar03',
						},
					});
				}
			} else {
				if(num == 0){
					var swiper01 = new Swiper('.mkrnw-wrapper .rankList .swiper-container01', {
						width:143,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar01',
						},
					});
				} else if(num == 1){
					var swiper02 = new Swiper('.mkrnw-wrapper .rankList .swiper-container02', {
						width:143,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar02',
						},
					});
				} else {
					var swiper03 = new Swiper('.mkrnw-wrapper .rankList .swiper-container03', {
						width:143,
						spaceBetween: 10,
						slidesOffsetBefore: -13,
						initialSlide: 0,
						loop: false,
						freeMode:true,
						slidePerView:4,
						scrollbar: {
							el: '.mkrnw-wrapper .rankList .swiper-scrollbar03',
						},
					});
				}
			}
		}

	}).first().click();

});


//PC版ヘッダのナビのホバー表示

$(function(){
	var num;
	$(".mkrnw-wrapper .nav03 > ul > li:nth-child(1) > a , .mkrnw-wrapper .nav03 > ul > li:nth-child(4) > a , .mkrnw-wrapper .nav03 > ul > li:nth-child(5) > a , .mkrnw-wrapper .nav03 > ul > li:nth-child(6) > a").hover(function () {
		$('.mkrnw-wrapper .nav03 > ul > li.on').removeClass('on');
		$('.mkrnw-wrapper .snav').removeClass('on' + num).fadeOut(200);
		$('.mkrnw-wrapper .snav .snavInner .snavInnerBox').eq(num).hide();
		var cw = window.innerWidth;
		$(this).stop().parent().addClass('on');
		num = $(this).parent().index('.mkrnw-wrapper .nav03 > ul > li');
		$('.mkrnw-wrapper .snav').stop().addClass('on' + num).fadeIn(200);
		$('#mkrnw-overlay02').fadeIn(200);
		$('.mkrnw-wrapper .snav .snavInner .snavInnerBox').stop().eq(num).show();
	},function () {
	});

	$('.mkrnw-wrapper .pcNav').hover(function () {
	},function () {
		$('.mkrnw-wrapper .nav03 > ul > li.on').removeClass('on');
		$('.mkrnw-wrapper .snav').removeClass('on' + num).fadeOut(200);
		$('#mkrnw-overlay02').fadeOut(200);
		$('.mkrnw-wrapper .snav .snavInner .snavInnerBox').eq(num).hide();
	});

	$('#mkrnw-overlay02').click(function(){
		$('.mkrnw-wrapper .nav03 > ul > li.on').removeClass('on');
		$('.mkrnw-wrapper .snav').removeClass('on' + num).fadeOut(200);
		$('#mkrnw-overlay02').fadeOut(200);
		$('.mkrnw-wrapper .snav .snavInner .snavInnerBox').eq(num).hide();
	});

	$(".mkrnw-wrapper .nav03 > ul > li:nth-child(2) > a , .mkrnw-wrapper .nav03 > ul > li:nth-child(3) > a").hover(function () {
		$('.mkrnw-wrapper .nav03 > ul > li.on').removeClass('on');
		$('.mkrnw-wrapper .snav').removeClass('on' + num).fadeOut(200);
		$('.mkrnw-wrapper .snav .snavInner .snavInnerBox').eq(num).hide();
		$('#mkrnw-overlay02').fadeOut(200);
		$(this).stop().parent().addClass('on');
	},function () {
		$('.mkrnw-wrapper .nav03 > ul > li.on').removeClass('on');
	});

});

//SP版ヘッダのナビの制御

$(function(){
	$('.mkrnw-wrapper .menu').click(function() {
		togglemodal();
		$('body').css('overflow','hidden');
		$('#mkrnw-overlay').fadeIn();
		$('#mkrnw-scroll').fadeIn();
		$('.mkrnw-wrapper .menuInner').animate({
			'right':0
		},200);
	});

	$('.mkrnw-wrapper .menu02').click(function() {
		$('.mkrnw-wrapper .menuInner').animate({
			'right':'-100%'
		},200);
		$('#mkrnw-overlay').fadeOut();
		$('#mkrnw-scroll').fadeOut();
		togglemodal();
		$('body').css('overflow','auto');
	});

	$('.mkrnw-wrapper .sideNav01 .next a').click(function() {
		$(".mkrnw-wrapper .menuInner").animate({scrollTop:0},"0");
		var num;
		num = $(this).parent().index('.mkrnw-wrapper .sideNav01 li');
		$('.mkrnw-wrapper .menuInner .sideNav01').animate({
			'right':'-100%'
		}, 100 ,function(){
			$('.mkrnw-wrapper .menuInner .sideNav01').hide();
			$('.mkrnw-wrapper .menuInner .sideNav02 .sideNavInnerBox').eq(num).show();
			$('.mkrnw-wrapper .menuInner .sideNav02').show().animate({
				'right':'0'
			},100);
		});
		return false;
	});

	$('.mkrnw-wrapper .sideNav02 .back').click(function() {
		$(".mkrnw-wrapper .menuInner").animate({scrollTop:0},"0");
		$('.mkrnw-wrapper .menuInner .sideNav02').animate({
			'right':'-100%'
		}, 100 ,function(){
			$('.mkrnw-wrapper .menuInner .sideNav02').hide();
			$('.mkrnw-wrapper .menuInner .sideNav02 .sideNavInnerBox').hide();
			$('.mkrnw-wrapper .menuInner .sideNav01').show().animate({
				'right':'0'
			},100);
		});
	});

//ナビ起動中に背景がスクロールしないようにする

function togglemodal() {
    if(!document.body.classList.contains('open')){
        document.body.classList.add('open');

        var elem = document.getElementById('menuInner');
        elem.addEventListener('touchmove', function(e) {
            var scroll = elem.scrollTop;
            var range = elem.scrollHeight - elem.offsetHeight - 1;
            if (scroll < 1) {
                e.preventDefault();
                elem.scrollTop = 1;
            } else if(scroll > range) {
                e.preventDefault();
                elem.scrollTop = range;
            }
        });

    } else {
        document.body.classList.remove('open');
    }
}


});


//トップページで、スクロール途中から下層用のヘッダを表示する

$(function() {
	$(window).scroll(function () {
		var s = $(this).scrollTop();
		var h = $(window).innerHeight();
		if(s > h) {
			$(".l-fix-header").fadeIn();
		} else {
			$(".l-fix-header").fadeOut();
		}
	});
});


//SP版でヘッダを下にスクロール中は表示せず、上にスクロール中に表示する

$(function(){
	var cw = window.innerWidth;
	if(cw <= 750){
		var startPos = 0,winScrollTop = 0;
		$(window).on('scroll',function(){
			winScrollTop = $(this).scrollTop();
			if (winScrollTop >= startPos) {
				if(winScrollTop > 100){
					if($('.mkrnw-wrapper .l-header .searchBox').css('display') == 'none'){
						$('.l-header').addClass('hide');
					}
				}
			} else {
				$('.l-header').removeClass('hide');
			}
		startPos = winScrollTop;
		});
	}
});


//ヘッダの検索欄のプレースホルダーをPC版とSP版で書き換える

$(function(){
	var cw = window.innerWidth;
	if(cw <= 750){
		$('.mkrnw-wrapper .l-top-header .search input[type="text"]').attr('placeholder','キーワードを入力');
		$('.mkrnw-wrapper .l-header .inner .search input[type="text"]').attr('placeholder','検索');
	}
});


//スクロール途中でページトップを表示する

$(function() {
	var cw = window.innerWidth;
	if(cw <= 750){
		$(window).scroll(function () {
			var s = $(this).scrollTop();
			var f = $('.l-footer .footer04').offset().top;
			var h = window.innerHeight;
			if(s > 100) {
				$(".pagetop").fadeIn();
			} else if(s < 100) {
				$(".pagetop").fadeOut();
			}
			if(s + h - 40 > f) {
				$(".pagetop").css({
					'position':'absolute',
					'top':'-20px',
					'bottom':'inherit',
					'right':'1%',
					'margin-bottom':'0'
				});
			} else {
				$(".pagetop").css({
					'position':'fixed',
					'top':'inherit',
					'bottom':'0',
					'right':'4%',
					'margin-bottom':'20px'
				});
			}
		});
	} else {
		$(window).scroll(function () {
			var s = $(this).scrollTop();
			var f = $('.l-footer .footer04').offset().top;
			var h = window.innerHeight;
			if(s > 1000) {
				$(".pagetop").fadeIn();
			} else if(s < 1000) {
				$(".pagetop").fadeOut();
			}
			if(s + h - 70 > f) {
				$(".pagetop").css({
					'position':'absolute',
					'bottom':'74px',
				});
			} else {
				$(".pagetop").css({
					'position':'fixed',
					'bottom':'40px',
				});
			}
		});
	}
});


//SP版のパンくずリストを1行で表示するために、実際の横幅を取得

$(window).on("load" , function() {
	var cw = window.innerWidth;
	if(cw <= 750){
		var w = 0;
		$('.mkrnw-wrapper .breadcrumb ul li').each(function(){
			w = w + $(this).innerWidth() + 11;
		});
		$('.mkrnw-wrapper .breadcrumb ul').width(w);
	}
});


//<a>要素のリンクキャンセル
//「.nolink」のクラスがついた<a>要素が対象

$(function(){
	$('.mkrnw-wrapper .nolink').click(function() {
		return false;
	});
});