/*///////////////// archive ////////////////*/
#archive ul{margin:0 auto;}
#archive li a {
display: block;
width: 100%;
height:100%;
cursor: pointer;
}

#archive li a:hover{
  opacity: 0.8;
}

#archive li a span{
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
  height:0;
  padding-top:23.3333333333333%;
}

#archive .txt::before {
    content: "※";
    color: #fff;
}
#archive .txt::after{
    content: "※";
    color: #fff;
}

#archive p{
  text-align: center;
}

#archive .no-link:hover{
opacity:1;
cursor:default;
}


@media all and (min-width: 768px) {
#archive ul{
width:460px;
}
#archive li{
  margin-bottom:50px;
}
#archive li:last-child{
  margin-bottom:0;
}
#archive li a{margin-bottom:20px;}
#archive .txt{margin-bottom: 10px;}
}

@media all and (max-width: 767px) {
#archive ul{
width:80%;
}
#archive li{
  margin-bottom:2em;
}
#archive li:last-child{
  margin-bottom:0;
}
#archive li a{margin-bottom:2em;}
#archive p{white-space: nowrap;}
#archive .txt{margin-bottom: 1em;}
}