.u-flex{
  display:flex;
  flex-wrap:wrap;
}
.timepieces-connection{
  padding:60px 0;
}
.timepieces-connection-list{
  gap:32px;
}
.timepieces-connection-spec-btn{
  color:#222;
  font-size:16px;
  font-weight:bold;
  line-height:1.5;
  display:flex;
  align-items: center;
  width:100%;
  justify-content: space-between;
  margin-bottom:20px;
  transition: all .3s;
}
.timepieces-connection-spec-btn span{
  display:block;
  width:25px;
  height:25px;
  position:relative;
  background-color:#222;
  border-radius:50%;
}
.timepieces-connection-spec-btn span::before{
    position: absolute;
    content: '';
    top: 50%;
    right: 7.5px;
    height: 1px;
    width: 9px;
    background: #fff;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}
.timepieces-connection-spec-btn span::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 7.5px;
    height: 1px;
    width: 9px;
    background: #fff;
    transition: all .3s ease-in-out;
}
.timepieces-connection-spec-btn.open span:before {
    opacity: 0;
}
.timepieces-connection-spec-btn:hover{
  opacity:1;
  color:#9c1721;
}
.timepieces-connection-spec-btn.open{
  color:#9c1721;
}
.timepieces-connection-box{
  width:calc((100% - 96px) / 4);
}
.timepieces-connection-box-img{
  margin-bottom:30px;
}
.timepieces-connection-box-img img{
  width:100%;
  height:auto;
  margin:0 auto;
}

.timepieces-connection-spec-content{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.timepieces-connection-box-name{
  font-size:16px;
  font-weight:bold;
  line-height:1.5;
  margin-bottom:15px;
}
.timepieces-connection-box-num{
  font-size:16px;
  font-weight:bold;
  line-height:1.5;
}
.timepieces-connection-box-price{
  font-size:14px;
  font-weight:bold;
  line-height:1.5;
  margin-bottom:20px;
  color:#676e77;
}
.timepieces-connection-spec-box{
  margin-bottom:15px;
}

.timepieces-connection-spec-ttl{
  border-top:solid 1px #222;
  height:35px;
  line-height:35px;
  background-color:#eee;
  font-size:14px;
  font-weight:bol:;d;
}
.timepieces-connection-spec-text{
  color:#737373;
  padding:8px;
}
a.timepieces-connection-btn-link{
  background-color:#222;
  height:60px;
  line-height:60px;
  display:block;
  text-align: center;
  color:#fff;
  transition: all .4s;
}
a.timepieces-connection-btn-link:hover{
  background-color:#9c1721;
  opacity:1;
}
@media screen and (max-width: 640px){
  .timepieces-connection-list{
    max-width: 295px;
    margin: 0 auto;
  }
  .timepieces-connection-box{
    width:100%;
  }
}