/*パンくず */  
#pan {width:auto; text-align:center; margin:0 auto; position:relative; padding-top:18px;}
#pan li {padding:0 12px 0 5px; background:url(https://labonbo-shop.com/wp-content/themes/labonbo-shop/online/to.png) top right no-repeat; background-size:6px 12px; width:auto; display:inline;} 
#pan li a { color:#B5B5B6;}
#pan li a:hover {color:#EC6D81;}
#pan li:last-child {font-size:120%; font-weight:bold; background:none; padding-right:0;  display:block;
margin-bottom:20px; padding-top:10px;}
#pan li:last-child a {color:#000846;}
#pan img {width:137px; height:51px; position:absolute; top:-18px; left:150px;} 

/* ソート */  
.sort {width:auto; text-align:right; font-size:80%; padding-right:50px; margin-bottom:20px;  position:relative;}
.sort span {font-weight:normal!important;}
.sort img {width:198px; height:210px; position:absolute; top:140px; right:-30px; z-index:9999;} 
@media (max-width: 750px) { 
.sort {padding-right:0;}
}

/* 一覧 */  
.list {height:430px; padding-bottom: 20%; padding-left:20px;}
.list .photo {width:245px; height:245px;   overflow: hidden;  position: relative;
border:3px solid #fff; 
-moz-box-shadow: 0 0 5px #DDDCCF;-webkit-box-shadow: 0 0 5px #DDDCCF;}
.list .photo img {height:245px; width:auto;  position: absolute; top: 0; left: -65px; }

.list .info {padding:0 6% 0 2%;}
.list h2 {text-align:left; padding:7% 0; font-weight:normal; font-size:90%;}
.list h2 img {width:92px!important; height:auto;}
.list .item_price {text-align:center; padding:10px 0; font-size:90%; border-top:1px dotted #EC6D81;}
.list a:hover {opacity:0.8; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

@media (max-width: 750px) { 
.container {width: 90%!important;}
#pan {padding-top:100px;}
.sort img {display:none;}
.list {height:100%;}
.list .photo {width:100%; height:100%; position:static; }
.list .photo img {width:100%; height:100%; position:static;}
.list {font-size:120%;}
}

@media only screen and (min-width: 480px) and (max-width: 945px) {
#pan img {display:none;}
.sort img {display:none;}
.list { height: 350px; margin-left:2%!important;}
.list .photo {width: 180px; height: 180px; position:relative;}
.list .photo img { height: 180px; width: auto; left: -48px; position:absolute;}
}