/*
Theme Name: Diver Child (kobefood)
Template: diver
Description: 神戸食品産業 コーポレートサイト用の Diver 子テーマ。英語セクションの切り替え等、Diver 4.5.4 に直接加えられていた改修を移植したもの。
Version: 1.0.0
Text Domain: diver_child
*/

/****************************************
  旧 Diver 4.5.4 の style.css に直接加えられていた改修
*****************************************/

/* ファーストビュー: 見出しをスライダー（Smart Slider）の上に重ねる */
.diver_firstview_image .firstview_content {
  position: relative;
}
/* Diver 6 では見出しの親要素が position: relative のため、基準をスライダー全体（.firstview_content）に戻す */
.diver_firstview_image .firstview_header_inner_content,
.diver_firstview_image .firstview_header_inner_content .header_img_inner_wrap {
  position: static;
  width: 100%;
}
.firstview_header_inner_content .header_img_inner_wrap > div {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40%;
  text-align: center;
  z-index: 1000;
}
.header_image_title {
  font-weight: bold;
  font-size: 35px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .header_image_title {
    font-size: 1.5em;
  }
}

/****************************************
  Diver 6 に合わせた調整
*****************************************/

/* 関連記事: main.css の .post_list_wrap 指定（4.5.4 の横並び前提）を Diver 6 のグリッドに合わせ、旧来の 3 列表示にする */
.newpost_list {
  grid-template-columns: repeat(3, 1fr);
}
.newpost_list .post_list_wrap {
  width: 100% !important;
}
/* main.css で画像枠が幅 100% になるため、Diver 6 の横並び（flex-direction: row）を縦並びにする */
.newpost_list .post_list_wrap a {
  flex-direction: column;
}
.newpost_list .post_list_wrap figure {
  height: 90px;
}
.newpost_list .post_list_wrap figure:before {
  display: none;
}
.newpost_list .post_list_wrap img {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .newpost_list {
    grid-template-columns: repeat(2, 1fr);
  }
}