/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/** 全般 **/
/* 見出しh2のデザイン変更 */
h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #221815;/*文字色*/
  background: transparent;/*背景透明に*/
	border: none;
  border-left: solid 10px #3371b8;/*左線*/
}

/* 見出しh5のデザイン変更 */
/* h5のテーマ固定のグレー下線を表示（Lighitningテーマの更新で上書きされる可能性があるため） */
h5 {
	border-bottom: 1px solid;
	border-color:#dfdfdf;
}

/** 社長メッセージ  **/
/* 文字を両端揃えにする*/
.indent{
	text-align: justify;
  text-justify: inter-ideograph;
}



/** カスタム投稿[custom-news：新着情報] **/
/* ニュースアーカイブページ（新着情報一覧）にのみ適用されるCSS */
/* 画像サイズを調整 */
.post-type-archive-news .vk_post .vk_post_imgOuter{
    width:110px;
    height:auto;
	  background-size: contain;
    background-repeat: no-repeat;
}

/* 画像の位置調整と境界線を削除 */
.post-type-archive-news .vk_post_imgOuter.media-img {
  border: none;
	align-items: center;
	margin: 0 1em 0.7em;
}

/* 右のタイトル位置を中央に調整 */
.post-type-archive-news .vk_post.media {
  align-items: center;
}

/* アーカイブ一覧の２行目のグレー線を非表示 2024.05.20 */
.vk_post.media {
    border-bottom: none;
}

/* アーカイブ一覧の最初の記事の上のグレー線を非表示 2024.05.20 */
@media (min-width: 576px) {
.entry-body>.vk_posts>.media.vk_post-col-sm-12:first-child, .main-section>.vk_posts>.media.vk_post-col-sm-12:first-child {
        border-top: none;
    }
}

/* 投稿をループで表示させるためのレイアウト調整用のCSS　---始まり--- */
.custom-news-item {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
  	border-bottom : 1px solid #F0F0F0;
}
.custom-news-eyecatch {
	  display:flex;
    width: 110px;
	  height: auto;
    align-items:end;
}
.custom-news-title {
	padding-left: 20px;
}
/* ↑ここまでが１行表示用のコード */

/* ↓ここから２行表示用のバックアップ */
.test-item1 {
    display: flex;
    align-items: center;
	border-bottom : 5px solid #d3d3d3;
}

.test-eyecatch {
    width: 110px;
	  height: auto;
    margin: 0px 10px;
}

.test-item2 {
    display: flex;
    align-items: center;
  	margin-bottom: 30px;
}
/* 「新着」の文字色 */
.post-new-block {
    margin: 0 5px 0 10px;
	  color: #cc0000;
}

/* カスタム投稿の個別ページでは、前後の記事のアイキャッチ画像を表示しない */
body.single-news .vk_posts.next-prev {
	  display:none; /* 非表示 */
}

/* 投稿をループで表示させるためのレイアウト調整用のCSS　---終わり--- */


/* 新着情報一覧とあくてぃブログ一覧の「トップへ戻る」ボタンのスタイル追加 2024.04.16 */
.wp-block-button__link.wp-element-button {
	  margin-top:30px;
	  border-radius: 5px;
    background-color: #0085C8; 
    color: #fff;
		float: right; /* ボタン右端に表示 */
}



/** お問い合わせ **/
/*ContactForm7カスタマイズ*/
.cf7__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

/*
.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
  margin-top: 30px;
}*/

.cf7__list dt {
  width: 35%;
  padding-top: 15px;
	margin-top: 30px; /*add*/
}

.cf7__list dd {
  width: 65%;
	padding-top: 15px;/*add2*/
	margin-top: 30px; /*add*/
}

/* 必須・任意 */
.cf7__required,
.cf7__optional {
  margin-right: 15px;
  padding: 6px 14px;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}

.cf7__required {
  background: #BE1D1D;
}

.cf7__optional {
  background: #878D8E;
}

/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd textarea {
  width: 100%;
  padding: 15px 20px;
  background: #F4F4F4;
}



/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
  display: block;
  padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
  display: block;
  margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
  margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
  cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

/* ラジオボタン */
input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
  color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
  color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
  padding-left: 72px;
  text-align: center;
}


input[type="submit"]:hover {
  opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {

  .cf7__list dt {
    width: 100%;
/*    margin-bottom: 15px;*/
    padding-top: 0;
		margin-top: 0px; /*add*/
		margin-bottom: 0px; /*add*/
  }

  .cf7__list dd {
    width: 100%;
		padding-top: 0; /*add*/
		margin-top: 0px; /*add*/
		margin-bottom: 20px; /*add*/
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  input[type="submit"] {
    width: 180px;
    height: 56px;
  }

}

/** 新着情報：newsの設定内容 **/
.news {
    margin: 50px auto;
    max-width: 700px;
}

.news-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid rgb(199, 192, 192);
}

.news-item:first-child{
    border-top: none;
}

.news-date{
    width: 150px;
    padding: 23.5px 0 24.5px;
    text-align: center;
}

.news-title{
    width: 550px;
    margin-left: 0;
    padding: 23.5px 0 24.5px 31px;
    text-align: left;
}