$(function () { /*-------------------------------- smoothscroll ---------------------------------*/ $('a[href^="#"]').click(function () { var windowWidth = window.innerWidth; if (windowWidth <= 768) { var headerHeight = $('#header-sp').innerHeight() - 1; var speed = 700; var href = $(this).attr("href"); var target = $(href === "#" || href === "" ? 'html' : href); var position = target.offset().top - headerHeight; $("html, body").animate({ scrollTop: position }, speed, "swing"); return false; } }); /*-------------------------------- pagetop var pagetop = $('.pagetop'); pagetop.hide(); $(window).on("scroll", function () { if ($(this).scrollTop() > 100) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); ---------------------------------*/ /*-------------------------------- TOPページにのみMVを表示させる ---------------------------------*/ if ($('#toppage').length < 1) { $('#sp-mv').remove(); } /*-------------------------------- SP menu ---------------------------------*/ $('#sp-menu-trigger').click(function() { var windowWidth = window.innerWidth; var headerSpHeight = $('#header-sp').innerHeight(); $('.gnav-wrap').css({'padding-top':'10vw'}); if (windowWidth <= 768) { $(this).toggleClass('is-active'); if ($(this).hasClass('is-active')) { $('.gnav-wrap').fadeIn(); } else { $('.gnav-wrap').fadeOut(); } } }); /*-------------------------------- accordion(カテゴリー) ---------------------------------*/ $('.cat-search-wrap .c-category').hide(); //.accordion-triggerがクリックされたら $('.cat-search-wrap .accordion-trigger').click(function(){ var windowWidth = window.innerWidth; if (windowWidth <= 768) { //クリックされた.accordion-triggerに隣接する.accordion-contを開いたり閉じたりする。 $(this).parent('.p-category').next('.cat-search-wrap .c-category').slideToggle(); $(this).toggleClass('is-active'); } }); /*-------------------------------- accordion(100年の歩み) ---------------------------------*/ //.accordion-triggerがクリックされたら $('.ayumi100-wrap .accordion-trigger').click(function(){ var windowWidth = window.innerWidth; if (windowWidth <= 768) { //クリックされた.accordion-triggerに隣接する.accordion-contを開いたり閉じたりする。 $(this).parent(' .p-ttl').next('.ayumi100-wrap .accordion-cont').slideToggle(); $(this).toggleClass('is-active'); } }); /*-------------------------------- 一覧のtable組み替え var windowWidth = window.innerWidth; if (windowWidth <= 798) { var listWrap = $('.item-list tbody tr'); listWrap.each(function() { if($(this).find('.item-wrap').length < 1) { do { $(this).children('td:lt(2)').wrapAll('
'); } while($(this).children('td').length); } }); } ---------------------------------*/ }); $(window).on('load resize',function(){ var windowWidth = window.innerWidth; /*-------------------------------- SP menu ---------------------------------*/ if (windowWidth <= 768) { $('.gnav-wrap').css('display','none'); } else if (windowWidth > 768){ $('#sp-menu-trigger').removeClass('is-active'); $('.gnav-wrap').css('display','block'); } /*-------------------------------- TOPページ以外でSPでは非表示にする要素 ---------------------------------*/ if ($('#toppage').length < 1 && windowWidth <= 768) { $('#right-sn').hide(); $('#h2-top-news').remove(); } else if ($('#toppage').length < 1 && windowWidth > 768) { $('#right-sn').show(); } /*-------------------------------- headerの高さ分調整 ---------------------------------*/ if (windowWidth <= 768) { var headerHeight = $('#header-sp').innerHeight(); $('#body').css({'padding-top':headerHeight}); } else if (windowWidth > 768){ $('#body').css({'padding-top':0}); } /*-------------------------------- 一覧 table調整 ---------------------------------*/ var listWrap = $('.item-list tbody tr'); if (windowWidth > 768) { listWrap.find('td').unwrap('.item-wrap'); } else if(windowWidth <= 768) { listWrap.each(function() { if($(this).children('.item-wrap').length < 1) { do { $(this).children('td:lt(2)').wrapAll('
') } while($(this).children('td').length); } }); } /*-------------------------------- RECOMMEND iframe調整 ---------------------------------*/ var iframeWrap = $('.recommend-body iframe'); if (windowWidth > 768) { iframeWrap.unwrap('.iframe-wrap'); } else if(windowWidth <= 768) { iframeWrap.each(function() { if($('.iframe-wrap').length < 1) { $(this).wrapAll('
'); } }); } });