#_ChatButton{ display:none; } .mProductList h2 { color: #000; } html:not(.sp) .mProductList h2 { text-align: left; text-align-last: left; color: #000; } html:not(.sp) #container.feature #main .container section .mProductList .products .wrapper .list { -webkit-justify-content: center!important; justify-content: left!important; } .mProductThumbnail a.hover .image:after { background: none!important; } .genre_header{ margin-bottom:0px!important; } html:not(.sp) .mFirstView.feature h1{ text-align: left; text-align-last: left; width: 100%; } .mFirstView.feature h1{ text-align: left; text-align-last: left; margin: 14px; } html:not(.sp) .mFirstView.feature p.text{ text-align: left; text-align-last: left; width: 100%!important; } .mFirstView.feature p.text{ text-align: left; text-align-last: left; margin: 14px; font-size: 15px; } #container.feature #main .container section { padding-bottom: 100px!important; } .mUnitGroup.m .contents .wrapper .list .mUnit { text-align: left; text-align-last: left; } .mUnit .image{ background:none!important; } html:not(.sp) .mUnit .image{ background:none!important; } .mFirstView.feature{ margin-left: 0px!important; width: calc(100% - 0px)!important; } .mUnitGroup.m .contents .wrapper .list{ width: calc(100% - 34px)!important; padding-left: 17px!important; padding-right: 17px!important; } #container.feature #main .container section .mImageLink .contents .wrapper .list .unit{ width: calc((100% - 0px)/ 1); margin-bottom: 42px; margin-right: 0px; } .mUnitGroup{ opacity : 0; transform : translate(0, 100px); transition : all 500ms; } .scrollin{ opacity : 1; transform : translate(0, 0); } .topicsttl{ width: 35%; padding-top: 0px; margin-left: 16px; opacity : 0; transform : translate(-100px, 0); transition : all 500ms; position: relative; top: -32px; margin-bottom: -80px; } html:not(.sp) .topicsttl{ width: 20%; opacity : 0; transform : translate(-100px, 0); transition : all 500ms; top: -80px; z-index: 10; margin-left: -5px; position:relative; margin-bottom: -120px; } .topicsttl img{ width:100%; } .slidein{ opacity : 1!important; transform : translate(0, 0)!important; text-align: left; text-align-last: left; } $(function(){ $(window).scroll(function (){ $('.mUnitGroup').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 100 ){ $(this).addClass('scrollin'); } }); }); }); $(function(){ $(window).scroll(function (){ $('.topicsttl').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 100 ){ $(this).addClass('slidein'); } }); }); });