/* 文字の字形に頼らず、どの端末でも中央に見える矢印を描く。 */
.ssm-carousel-arrow{
  font-size:0!important;
  line-height:0!important;
}

.ssm-carousel-arrow::before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top:2px solid #53666d;
  border-right:2px solid #53666d;
}

.ssm-carousel-prev::before{
  transform:rotate(-135deg);
}

.ssm-carousel-next::before{
  transform:rotate(45deg);
}

@media(max-width:800px){
  .ssm-external-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    width:100%;
  }

  .ssm-external-links a{
    box-sizing:border-box;
    width:100%;
    height:48px;
    min-height:48px;
    justify-content:center;
    padding:0 12px;
    font-size:14px;
    line-height:1!important;
    white-space:nowrap;
  }

  .ssm-external-links a .dashicons{
    display:inline-grid;
    flex:0 0 20px;
    width:20px;
    height:20px;
    margin:0;
    place-items:center;
    font-size:20px;
    line-height:1!important;
  }

  .ssm-external-links a .dashicons::before{
    line-height:1!important;
  }

  .ssm-external-links a span:last-child{
    display:inline-flex;
    height:20px;
    align-items:center;
    line-height:1!important;
  }

  .ssm-carousel-card .ssm-carousel-arrow{
    width:18px!important;
    height:18px!important;
  }

  .ssm-carousel-card .ssm-carousel-prev{
    left:2px!important;
  }

  .ssm-carousel-card .ssm-carousel-next{
    right:2px!important;
  }

  .ssm-carousel-card .ssm-carousel-arrow::before{
    width:5px;
    height:5px;
    border-width:1.5px;
  }
}