@charset "UTF-8";

/* フッター */

@media screen and (min-width:780px) { 
#next{
background:url("../img/next/shoplist/bg.png"); background-size:cover !important; background-position:center !important;  background-repeat:no-repeat !important; margin-top: 5%
}
#next .ttl{
text-align: center; border-bottom: 0px solid #000 !important; padding: 0 !important
}
#next .btn{
text-align: center; margin:20px auto 5%
}
	
#ftr{
text-align: center
}
#ftr p{
text-align: center; margin:20px 0
}
#ftr p:last-child{
color:#404040 !important
}	
	
#ftr a{
border-left:1px solid #999999;
padding: 0 20px;letter-spacing: 2px; font-size: 14px;
}
#ftr a:last-child{
border-right:1px solid #999999;
}
	
#rec{
background: #f7f7f7; margin-bottom: -5% 
}
#rec .ttl{
text-align: center; border-bottom: 0px solid #000 !important; padding: 0 !important
}
#rec .box{
max-width: 900px; margin:5% auto;
}
#rec .box div{
width: 27%; margin:0 auto
}
#rec .box div img{
margin-bottom:20px
}

#rec .fjs01 {
max-width:230px
}
#rec .fjs02 {
max-width:220px
}
#rec .fjs03 {
max-width:170px
}
#rec .fjs04 {
max-width:120px
}

} 


@media screen and (max-width:779px) { 
#next{
background:url("../img/next/shoplist/bg.png"); background-size:cover !important; background-position:center !important;  background-repeat:no-repeat !important; margin-top: 15%
}
#next .ttl{
text-align: center; border-bottom: 0px solid #000 !important; padding: 0 !important
}
#next .btn{
text-align: center; margin:20px auto 10%
}
	
#ftr{
text-align: center;
margin-bottom: 20vw;
}
#ftr p{
text-align: center; margin:20px 0
}
#ftr p:last-child{
color:#404040 !important
}	
	
#ftr a{
border-left:1px solid #999999;
padding: 0 20px;letter-spacing: 2px; font-size: 14px;
}
#ftr a:last-child{
border-right:1px solid #999999;
}
	
#rec{
background: #f7f7f7; margin-top: 15%; margin-bottom: -15% 
}
#rec .ttl{
text-align: center; border-bottom: 0px solid #000 !important; padding: 0 !important
}
#rec .box{
max-width: 900px; margin:5% auto;
}
#rec .box div{
width: 45%; margin:0 auto 5%
}


#rec .fjs01 {
max-width:140px;
 margin-top: 10px;
}
#rec .fjs02 {
max-width:140px;
 margin-top: 10px;
}
#rec .fjs03 {
max-width:109px;
 margin-top: 10px;
}
#rec .fjs04 {
max-width:82px;
 margin-top: 10px;
}


}

.floot-bunner{
    position: fixed;
    z-index: 100;
    width: 240px;
    bottom:48px;
    right:48px;
    opacity: 0;
    transition:0.5s;
}

.floot-bunner.is-scroll{
    opacity: 1;
}

@media screen and (max-width:779px) {
    .floot-bunner{
        width: 100%;
        height: auto;
        bottom:0px;
        right:0px;
    }
    .floot-bunner img{
        vertical-align: bottom;
    }

}