.onlinelist {
  margin:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.onlinelist li {
  list-style:none;
  width:31%;
  margin:0 1% 20px;
  padding:10px !important;
  /*height:81px;*/
  background:#f2f2f2;
  border:1px solid #888 !important;
  box-sizing:border-box;
}
.onlinelist li:hover{
opacity:.7;
}
.onlinelist li a{
 min-height:39px !important;
}
.onlinelist li a div{
  background-color:#fff;
  background-image:url("https://img14.shop-pro.jp/PA01306/972/etc/bg_img.jpg");
  background-repeat:no-repeat;
  background-position:top left;
  background-size: auto 120%;
  padding:20px 5px;
}
.onlinelist li a span{
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color:#555;
  font-size:16px;
  font-weight:bold;
  line-height:19px;
  max-height:19px;
  overflow:hidden;
}
.onlinelist li a span:nth-child(2){
  margin-top:5px;
  font-size:14px;
  font-weight:normal;
  line-height:18px;
  max-height:36px;
  overflow:hidden;
  -webkit-line-clamp: 2;
}
/* sub category & sub group */
.onlineShopList{
display:flex;
flex-wrap: wrap;
align-items: stretch;
margin-left:-48px;
}
.onlineShopList li{
list-style:none;
width:33.333%;
box-sizing:border-box;
padding:0 0 30px 48px;
min-height:300px;
display:flex;
align-items: stretch;
}
.onlineShopList li a{
width:100%;
display:flex;
flex-direction: column;
justify-content: space-between;
border: solid 1px #ccc;
background: #f2f2f2;
}
.onlineShopList li a:hover{
opacity:.7;
}
.onlineShopList li a img{
  width:auto;
  max-height:230px;
}
.onlineShopList li a span.onlineShopListSpan{
display:block;
  line-height: 16px;
  color: #000;
  padding: 10px
}

.productListBox{
margin: 10px auto 0;
padding:0;
width: 1000px;
text-align: center;
line-height: 1.8;
min-height:300px;
}
.prd_lst_sort{
padding:0 0 10px;
text-align:right;
}
.prd_lst_sort a{color:#666;}
.prd_lst_sort a:hover{color:#000;}

.prd_lst{
width:1050px;
margin:0 0 0 -50px;
}
.prd_lst li{
list-style:none;
width:298px;
float:left;
margin:0 0 30px 50px;
padding:0 0 10px 0;
border:solid 1px #000;
}
.prd_lst li a{
  color:#000;
  display:block;
  min-height:302px;
}
.eveLi li{
position:relative;
width:300px;
height:300px;
margin:0 0 30px 48px;
padding:0;
border:solid 1px #ccc;
background:#f2f2f2;
box-sizing: border-box;
}
.eveLi li:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
.eveLi li span{
position:absolute;
width:280px;
bottom:25px;
left:0;
line-height:16px;
background:url(https://img14.shop-pro.jp/PA01306/972/etc/bg_70.png) repeat top left;
padding:10px !important;
}

.prd_lst li span{display:block; padding:0 10px;}
.prd_lst li .prd_lst_name{padding: 10px 0 5px;}
.prd_lst li .prd_lst_name a{color:#000; font-weight:bold;}
.prd_lst li .prd_lst_exp{font-size:12px; line-height:15px;}
.prd_lst li .prd_lst_price{
font-size:12px;
color:#666;
}

h2.online{
margin: 40px 0 10px;
font-size: 20px;
border-bottom: 1px solid #000;
line-height: 20px;
padding:0 0 5px;
}
h2.online span{
display:block;
border-left:7px solid #000;
padding-left:5px;
}
.nanLi{
width:1000px;
box-sizing:border-box;
margin:0;
}
.nanLi li{
margin-left:25px;
border:0;
}
.nanLi li a{
display:block;
background: #f2f2f2;
border: 1px solid #ccc;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 20px 0;
font-size: 18px;
color: #333333;
font-weight: bold;
}
.nanLi li a:hover{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
background-color: #ddd;
color: #444;
}
.topicpath_nav ul{margin:0 0 10px;}
.topicpath_nav ul li,
.topicpath_nav_event ul li{
float:left;
list-style:none;
}
.topicpath_nav ul{margin:0 0 10px;}
.topicpath_nav ul li,
.topicpath_nav_event ul li{
float:left;
list-style:none;
}
.topicpath_nav ul li a,
.topicpath_nav_event ul li a{color:#666;}
.topicpath_nav ul li a:hover,
.topicpath_nav_event ul li a:hover{color:#000;}

.topicpath_nav_event ul{margin:30px 0 10px;}
h2.proh2_event{
margin: 20px 0 30px;
font-size: 20px;
border-left: 7px solid #000;
line-height: 20px;
padding-left: 5px;
}
.nanbtnspn1{
font-size:13px;
 display:block;
}
.prd_lst li a.prd_lst_link2{
height:auto;
  min-height:0px;
}
.prd_lst_pager li{
  float:left;
  list-style:none;
  margin:0 20px;
}

.banner {
  position: relative;
  margin-bottom: 20px;
  }

.banner p {
  position: absolute;
  top: 15%;
  left:3%;
  font-size:30px;
  line-height:1;
  }	
	
.banner span {
  position: absolute;
  top: 50%;
  left:3%;
  font-size:18px;
  line-height:1;
  }	
.white{color: white;}
.black{color: black;}
	
.white_a a {
  position: absolute;
  top: 75%;
  left:12%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  font-size: 18px;
  border: solid white 1px;
  border-radius:30px;
  padding:10px 24px;
  color: white;
  text-decoration: none;
  }
	
.black_a a{
  position: absolute;
  top: 75%;
  left:12%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  font-size: 18px;
  border: solid black 1px;
  border-radius:30px;
  padding:10px 24px;
  color: black;
  text-decoration: none;
  }	

.banner a:hover{
  background: rgba(255, 255, 255, 0.5);
  }

.banner img {
  width:1000px;
  padding-bottom:0px;
  }

.figright {
	float: right;
	margin:0 -20px 0 0;
}

figure{text-align:center;}

figcaption{color:grey;font:11px;}

.wstop{
  position: relative;
  margin-bottom:40px;
  }	

.wstop h3 {
  position: absolute;
  top:33%;
  left:1.5%;	
  font-size: 25px;
  font-weight: 100;	
  line-height:1.5;
  text-align: left;
  text-shadow:2px 2px 3px #000;	
  }	

@media screen and (max-width:480px) {/* 480px°Ê²¼*/
 .white_a {
  display:none;
  }
.wstop h3 {
    font-size: 16px;
  top:25%;
  }
  .productListBox .prd_lst_block {
  width:100%;
  }
  .productListBox .prd_lst_block .prd_lst{ margin:0 !important; }
  .productListBox .prd_lst_block .eveLi li{
    width:100%;
    margin:0 0 20px;
  }
  .eveLi li span {
    box-sizing:border-box;
    width:100%;
  }
}
hr {
border-top: 1px #ccc dotted;
}