@charset "utf-8";

/* 求人 - 急募ボックス
--------------------------------------------------------------- */

@keyframes blinking {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
  0%, 50% {
    opacity: 1;
  }
  50.1%, 100% {
    opacity: 0;
  }
}

.strong-message-block {
  position: relative;
  color: #fcb900;
  padding: 2em;
  margin-block: 1.5em;
  border: 1px solid #fcb900;
  line-height: 1.4;
    
  & h3 {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .5em;
    width: fit-content;
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: .05em;
    margin: 0 auto;
  }
    
  .c-label {
    color: #fff;
    font-size: .8em;
    font-weight: 400;
    background: #AC0000;
    padding: .2em .4em;
    line-height: 1.2;
    animation: blinking 2s infinite;
  }
    
  .c-text {
    display: block;
  }
    
  .c-update-date {
    display: block;
    color: #ddd;
    text-align: center;
    margin-top: .5em;
  }
    
}


/* お店ピックアップ - 2025版
--------------------------------------------------------------- */

 @media print,screen and (min-width: 641px) {
     
     .pickup_area.is_new_style{
         & ul{
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap:50px;
             margin-bottom: 50px;
         }
         
         & li{
             float: none;
             margin: 0;
         }
         
         & li > a{
             width: auto;
             height: 100%;
         }
         
         .img{
             height: auto;
         }
         
         .img img{
             right: auto;
             max-width: none;
             width: 100%;
             height: auto;
         }
         
         .txt{
             padding-block:20px; 
         }
         
     }
     
}


/* お店 - タブコンテンツ
--------------------------------------------------------------- */

.shop-content{
    & + .shop-content{
        margin-top: 2em;
    }
    
    .shop-content-title{
        color: #ffff00;
        font-weight: 500;
    }
}



/* 以下、SP
--------------------------------------------------------------- */

@media print, screen and (max-width: 640px) {

    /* SP 求人 - 急募ボックス
    --------------------------------------------------------------- */
    
  .strong-message-block {

    & h3 {
      grid-template-columns: 1fr;
    }
      
    .c-label {
      width: fit-content;
    }
      
      .c-update-date {
          text-align: left;
      }

  }

}