/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */


/*-- トップページ カードスタイル --*/

.cat-grid {
  display: flex;
  flex-wrap: wrap;
}

.cat-card {
  width: calc(25% - 16px);
  height: 180px;
  margin: 8px;
  text-decoration: none;
  background-size: cover;
  background-position: center;
  position: relative;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.cat-grid.c1 .cat-card {
background-color: #acd879;
}

.cat-grid.c2 .cat-card {
background-color: #78d0f5;
}

.cat-grid.c3 .cat-card {
background-color: #f57a78;
}

.cat-card span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: bold;
font-size: 20px;
line-height: 1.4;
text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

/* SP */
@media (max-width: 768px) {
  .cat-card {
    width: calc(50% - 16px);
  }
}

.page_title {
  box-shadow: 0 0 5px rgba(150,150,150,.2);

}


/*画像枠線*/
.photoline {
  display: inline-block;
  border: 1px solid #333;
  padding: 6px;
}


/* 求人情報のCSSボックスデザイン */
.recruit{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.recruit p {
    margin: 0; 
    padding: 0;
}

/*-- ボタン --*/
.square_btn{
    display: inline-block;
	 width:75%;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #13b0fc;/*左線*/
    color: #13b0fc;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

/* 日付部分をタグ風にする設定 */
.date.komozi {
    display: inline-block;        /* 幅や余白を反映させる */
    background-color: #ff4d4d;    /* 鮮やかな赤色 */
    color: #ffffff;               /* 白文字 */
    font-size: 0.75rem;           /* 文字を小さく（適宜調整） */
    font-weight: bold;            /* タグっぽく太字に */
    padding: 2px 8px;             /* 内側の余白（上下 左右） */
    border-radius: 4px;           /* 角を少し丸くする */
    margin-left: 8px;             /* 前の要素との間隔 */
    vertical-align: middle;       /* 行の中央に揃える */
    line-height: 1.2;             /* 行間の調整 */
}

/* 親要素のリストの見た目を整える（必要に応じて） */
.fa-bullhorn {
    list-style: none;
    margin-bottom: 10px;
}