﻿


/*スマホサイト**********************************************************************/
@media screen and (max-width:700px) {



img#current_page_sp {
    height: 3vh;
    display: block;
    margin: 20px auto 30px auto;
}



#list {
    width: 100vw;
    margin: 0px auto 60px auto;
}

.model {
    width: 48vw;
    height: calc(61.5vw + 28px + 2vw);
    margin: 0vw 1vw 3vw 1vw;
    float: left;
}
img.thumb {
    width: 48vw;
    height: 61.5vw;
}

p.name {
    width: 48vw;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    margin: 0.5vw 0vw 1.5vw 0vw;
    text-align: center;
}



}










/*PCサイト**************************************************************************/
@media screen and (min-width:701px) {



img#current_page_sp {
	display: none;
}



#list {
    width: 1200px;
    margin: 0px auto 100px auto;
}

.model {
    width: 360px;
    height: 493px;
    margin: 0px 20px 45px 20px;
    float: left;
}
img.thumb {
    width: 360px;
    height: 460px;
}
p.name {
    width: 360px;
	height: 20px;
    font-size: 16px;
    line-height: 20px;
    margin: 13px 0px 0px 0px;
    text-align: center;
}



}


