セメダイン / セメダイン かべシール とのこ色 SY-046 セメダイン かべシール とのこ色 SY-046(500g)【セメダイン】

お店TOP＞DIY・ガーデン＞補修用品＞補修用品＞シーラント・コーキング＞セメダイン かべシール とのこ色 SY-046 (500g)

', nextArrow: '' }); /* お客様の声・事例 */ $('.content__customer__list').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 4, slidesToScroll: 4, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 768, settings: { centerMode:true, infinite:true, slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.content__customer__list__list').slick({ dots: true, infinite: false, speed: 300, slidesToShow: 3, slidesToScroll: 3, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3, infinite: true, dots: true } }, { breakpoint: 768, settings: { centerMode:true, infinite:true, slidesToShow: 1, slidesToScroll: 1 } } ] }); /* タブ切り替え */ jQuery(function($){ $('.tab').click(function(){ $('.is-active').removeClass('is-active'); $(this).addClass('is-active'); $('.is-show').removeClass('is-show'); // クリックしたタブからインデックス番号を取得 const index = $(this).index(); // クリックしたタブと同じインデックス番号をもつコンテンツを表 $('.panel').eq(index).addClass('is-show'); }); }); /* よくある質問　アコーディオン */ $(function() { $('dd.ac__open').hide(); $('dt.ac__list').click(function() { $(this).children('div').children('span.ac__plus').toggleClass('active'); $(this).next().slideToggle(); }); }); /* SP ハンバーガーメニューの動き */ $(function() { $('.hamburger').click(function() { $(this).toggleClass('active'); $('.globalMenuSp').fadeToggle(); }); }); /* 目次リンクのぬるっとの動き */ $(function(){ $('a[href^="#"]').click(function(){ var speed = 500; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $("html, body").animate({scrollTop:position}, speed, "swing"); return false; }); }); /* 文字アニメーション */ $(window).scroll(function(){ $(".passing").each(function(){ var imgPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > imgPos - windowHeight + windowHeight / 4){ $(this).addClass('move'); } }); }); /* 下にスクロールしたときにふわっと登場 */ jQuery(function(){ var effect_btm = 100; // 画面下からどの位置でフェードさせるか(px) var effect_move = 50; // どのぐらい要素を動かすか(px) var effect_time = 800; // エフェクトの時間(ms) 1秒なら1000 //親要素と子要素のcssを定義 jQuery('.scroll-fade-row').css({ opacity: 0 }); jQuery('.scroll-fade-row').children().each(function(){ jQuery(this).css({ opacity: 0, transform: 'translateY('+ effect_move +'px)', transition: effect_time + 'ms' }); }); // スクロールまたはロードするたびに実行 jQuery(window).on('scroll load', function(){ var scroll_top = jQuery(this).scrollTop(); var scroll_btm = scroll_top + jQuery(this).height(); var effect_pos = scroll_btm - effect_btm; //エフェクトが発動したとき、子要素をずらしてフェードさせる jQuery('.scroll-fade-row').each( function() { var this_pos = jQuery(this).offset().top; if ( effect_pos > this_pos ) { jQuery(this).css({ opacity: 1, transform: 'translateY(0)' }); jQuery(this).children().each(function(i){ jQuery(this).delay(100 + i*200).queue(function(){ jQuery(this).css({ opacity: 1, transform: 'translateY(0)' }).dequeue(); }); }); } }); }); }); $(function() { $('.menu__contents').hide(); // ①マウスをボタンに乗せた際のイベントを設定 $('.header__bottom__list__items').hover(function() { // ②乗せたボタンに連動したメガメニューをスライドで表示させる $(this).find('.menu__contents').stop().fadeIn('100'); // ③マウスをボタンから離した際のイベントを設定 }, function() { // ④マウスを離したらメガメニューをスライドで非表示にする $(this).find('.menu__contents').stop().fadeOut('500'); }); }); /* SPハンバーガーメニュー　アコーディオン */ $(function() { $('.globalMenuSp__list__items__list').hide(); $('.globalMenuSp__list__items__open').click(function() { $(this).children('.hb__plus__box').children('span.hb__plus').toggleClass('hb-active'); $(this).next().slideToggle(); }); }); /* SPハンバーガーメニュー　アコーディオン */ $(function() { $('.globalMenuSp__list__items__list__footer').hide(); $('.globalMenuSp__list__items__open__footer').click(function() { $(this).children('.hb__plus__box__footer').children('span.hb__plus__footer').toggleClass('hb-active__footer'); $(this).next().slideToggle(); }); });

セメダイン / セメダイン かべシール とのこ色 SY-046 セメダイン かべシール とのこ色 SY-046(500g)【セメダイン】

セメダイン / セメダイン かべシール とのこ色 SY-046 セメダイン かべシール とのこ色 SY-046(500g)【セメダイン】: 公式ショップ,【メール便なら送料無料】,最大43%offクーポンセメダイン / セメダイン かべシール とのこ色 SY-046 セメダイン かべシール とのこ色 SY-046(500g)【セメダイン】