@charset "utf-8";

ul.shoplist2018{
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
}

ul.timesale201807-2{
width: 1200px;
}

ul.shoplist2018 li{
padding: 16px;
width: 50%;
}
ul.shoplist2018 li.pcw100{
clear: both;
width: 100%;
}
ul.shoplist2018 li p.comment{
  text-align: center;
  font-weight: 700;
  line-height: 24px;
  padding: 16px;
}
ul.shoplist2018 li p.title{
background: #fff;
padding: 8px 16px;
font-size: 20px;
font-weight: 700;
}
ul.shoplist2018 li p.shop{
padding: 8px;
border-bottom: 1px dotted #4f4f4f;
font-size: 16px;
font-weight: 700;
}
ul.shoplist2018 li p.info{
padding: 8px;
font-size: 14px;
}
ul.shoplist2018 li p.event{
padding: 8px;
}
ul.shoplist2018 li p.eventinfo{
padding: 0 0 0 75px;
font-weight: 700;
line-height: 24px;

}
ul.shoplist2018 li p.event a{
    background: #fff;
    padding: 8px 24px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: 0.4s all;
    border: 1px solid #ddd;
}
ul.shoplist2018 li p.event a:hover{
    background: #efefef;

}
ul.shoplist2018 li p i{
height: 10px;
display: block;
float: left;
position: relative;
}
ul.shoplist2018 li p i:after{
position: absolute;
top: 0;
left: 0;
font-weight: 700;
}
ul.shoplist2018 li p i.fa-phone{
width: 47px;
}
ul.shoplist2018 li p i.fa-clock-o{
width: 57px;
}
ul.shoplist2018 li p i.fa-timesale-o{
width: 108px;
color: #c00000;
}
ul.shoplist2018 li p i.fa-event-o{
width: 68px;
color: #c00000;
}
ul.shoplist2018 li p i.fa-event2-o{
width: 94px;
}
ul.shoplist2018 li p i.fa-phone:after{
content: "TEL:";
}
ul.shoplist2018 li p i.fa-clock-o:after{
content: "OPEN:";
}
ul.shoplist2018 li p i.fa-timesale-o:after{
content: "TIME SALE:";
}
ul.shoplist2018 li p i.fa-event-o:after{
content: "EVENT:";
}
ul.shoplist2018 li p i.fa-event2-o:after{
content: "SCHEDULE:";
}
@media screen and (max-width: 768px){
ul.shoplist2018{
margin: 0 auto;
padding: 4px;
}
ul.timesale201807,ul.timesale201807-2{
width:100% !important;
}
ul.shoplist2018 li{
padding: 4px;
width: 100%;
}
ul.shoplist2018 li p.comment{
  font-size: 10px;
  line-height: 24px;
  padding: 16px;
}
}

div.animsition{
width: 1024px;
text-align: center;
margin: 0 auto;
background: #fff;
}
div.animsition h3{
padding: 64px 16px;
font-size: 20px;
}
div.animsition p{
padding: 32px;
font-size: 16px;
}

@media screen and (max-width: 768px){
div.animsition{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 4px;
}
div.animsition h3{
padding: 32px 8px;
font-size: 16px;
}
div.animsition p{
padding: 16px;
font-size: 12px;
}
}




ul.timesale201807{
margin: 0 auto;
text-align: center;
width: 1200px;
padding: 0;
}
ul.timesale201807 li{
width: 100%;
margin: 0 auto;
}
ul.timesale201807 li.link{
clear: both;
}
ul.timesale201807 li p.text{
font-size: 16px;
line-height: 30px;
padding: 32px;
}
ul.timesale201807 li p.title{
font-size: 16px;
line-height: 30px;
padding: 32px;
border-top: 1px solid #ddd;
}
ul.timesale201807 li.shopinfo p{
float: left;
margin: 0;
padding: 4px;
width: 12.5%;
}
ul.timesale201807 li.shopinfo p a{
background-color: #fff;
padding: 16px 0;
text-decoration: none;
display: block;
border-radius: 3px;
position: relative;
transition: 0.4s;
border: 1px solid #fff;
height: 52px;
}
ul.timesale201807 li.shopinfo p a.fsize{
font-size: 10px;
}
ul.timesale201807 li.shopinfo p a:hover{
background-color: #efefef;
border: 1px solid #ddd;
}
ul.timesale201807 li.shopinfo p a:after{
content: "";
position: absolute;
bottom: 8px;
left: 45%;
width: 8px;
height: 8px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width: 768px){
ul.timesale201807 li.shopinfo {
padding: 4px;
}
ul.timesale201807 li.shopinfo p{
float: left;
margin: 0;
padding: 4px;
width: 33.333%;
}
ul.timesale201807 li p.title{
font-size: 16px;
line-height: 30px;
padding: 16px;
border-top: 1px solid #ddd;
}
ul.timesale201807 li.shopinfo p a{
font-size: 9px;
}
ul.timesale201807 li.shopinfo p a.fsize{
font-size: 9px;
}
ul.timesale201807 li p.text {
    font-size: 10px;
    line-height: 22px;
    padding: 16px;
}
ul.shoplist2018 li p.info {
    font-size: 12px;
}
}

ul.timesale201807-2 li p.shop{
margin-top: -100px;
padding-top: 100px;
}
ul.timesale201807-2 li.spase{
width: 100%;
height: 100px;
}
div.shoplist2019{
  width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 1025px){
  div.shoplist2019{
    width: 100%;
  }
}