@media screen and (max-width:680px) {
html,body {font-size:15px;	}
    
    
    

/*========= footer ===========*/

#footer {padding:3.125rem 0; }
#footer nav a {font-size: 0.875rem; }
#footer ul li {font-size: 0.875rem;}
#footer .copyright {font-size: 0.75rem; }

#btn_top {width:40px; height:40px; font-size:18px; }

/* visual */
.visual {height:20rem;}

    
/* main1 */
.main1 > a {width:calc((100% - (10px * 2))/3); }
.main1 > a:last-child {display: none;}


.pd_list { grid-template-columns: repeat(2,auto);}

.pd_list.col4 {grid-template-columns: repeat(2,calc((100% - 10px)/2)); }




.view_top {display: block;}
.view_top .pd_img {width: 100%; max-width:600px; margin:0 auto;}
.view_top .pd_info {width: 100%; padding-top:40px;}
.view_top .pd_info .tit {line-height:1.5; font-size: 1.25rem; }
.view_top .pd_info .price { font-size: 1.125rem; margin-top:1.25rem }
.view_top .pd_info .info {padding:1.25rem 0; margin:1.875rem 0; }
.view_top .pd_info .info dt,
.view_top .pd_info .info dd {line-height:2.2;   font-size: 0.9375rem; }

    .swiper-button-black {width:15px; background-size:contain}
.view_btm { margin-top:3.75rem;}

.nav_detail > a { height:2.75rem; font-size: 0.875rem;}
.view_btm .detail_cont {padding:1.875rem 0 3.75rem 0;}




    
}

@media screen and (max-width:470px) {
/* visual */
.visual {height:15rem;}
    
}