.cocoen { box-sizing:border-box; cursor:pointer; line-height:0; margin:0; overflow:hidden; padding:0; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.cocoen * { box-sizing:inherit; }
.cocoen :after,
.cocoen :before { box-sizing:inherit; }
.cocoen img,
.cocoen picture > img { max-width:none; }
.cocoen > img,
.cocoen > picture > img { display:block; width:100%; }
.cocoen > div:first-child,
picture .cocoen > div { height:100%; left:0; overflow:hidden; position:absolute; top:0; width:50%; }
.cocoen-drag { background:#fff; bottom:0; cursor:ew-resize; left:50%; margin-left:-1px; position:absolute; top:0; width:2px; }
.cocoen-drag:before { border:3px solid #fff; content:''; height:30px; left:50%; margin-left:-7px; margin-top:-18px; position:absolute; top:50%; width:14px; }

#sp-shoes.plus #use{
margin-bottom: 5em;
}

#sp-shoes.plus #spec{
padding: 2em;
max-width: 800px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
#sp-shoes.plus #spec img{
padding: 2em;
}
#sp-shoes.plus #spec dl{
font-size: 1.2em;
padding: 1em;
}
#sp-shoes.plus #spec dl dt{
font-weight: 600;
margin-bottom: .5em;
}
#sp-shoes.plus #spec dl dd{
margin-bottom: 1em;
}
@media screen and (max-width:800px) {
#sp-shoes.plus #spec dl dd{
line-height: 1.1em;
}
#sp-shoes.plus #spec span{
display: block;
}
}
@media screen and (max-width:650px) {
#sp-shoes.plus #spec dl dd{
margin-bottom: .5em;
}
#sp-shoes.plus #spec img{
padding: .2em .5em;
}
#sp-shoes.plus #spec dl{
font-size: 1em;
padding: .5em;
}
@media screen and (max-width:500px) 
{#sp-shoes.plus #spec dl{
font-size: .7em;}
}
@media screen and (max-width:370px) {
#sp-shoes.plus #spec dl{
font-size: .6em;}
}


#sp-shoes.plus #lineup{
margin-top: 2em;
}