#_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');
}
});
});
});