@charset "utf-8";


/* sp */
@media screen and (max-width: 750px) {
#contents img{
width:100%;
}
#contents p.text{
width:80%;
}
#contents .inner{
width:100%;
}
#contents .pc{
display:none;
}
#contents .sp{
display:inherit;
}
#contents p.caption{
font-size:70%;
text-align:center;
padding: 0;
}
#contents .main-visual{
background:url(../img/ll_mv.jpg) top center no-repeat;
background-size: 100%;
padding: 97% 0 0 0;
}
#contents .main-visual dl{
float: left;
width: 50%;
}
#contents .main-visual dl dt img{
width: 100%;
}
#contents .main-visual dl dd{
font-size: 12px;
font-weight: bold;
}


#contents .feature#illuminator{
}
#contents .feature .point{
padding: 0 20px;
}
#contents .feature h2{
margin: 0 0 30px 0;
}
#contents .feature .review{
margin: 0 auto 12px auto;
}
#contents .feature .button img{
vertical-align: middle;
width:7%;
}
#contents .feature .button{
margin: 12px auto;
}
#contents .feature .review img{
vertical-align: middle;
width:30%;
}
#contents .feature .button a{
padding:8px 0;
}


#contents .link{
padding: 10px 0 0 0;
width: auto;
}
#contents .link p{
font-size: 16px;
width: 85%;
margin: 12px auto 0 auto;f
}
#contents .link a{
color: #ffffff;
border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
text-decoration:none;
display: block;
padding:12px 0;
}

#contents p.pagetop{
width:100%;
margin: 0 auto;
text-align:center;
padding:0 0 10px 0;
}
#contents p.pagetop img{
width:40%;
}

#contents footer{
background: #000000;
color: #ffffff;
padding: 10px 0;
}
#contents #sns{
text-align:center;
padding:25px 0;
}
#contents #sns img{
margin:10px 10px 0 0;
width: 50px;
}
footer img{
width:8% !important;
}
}

