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

/*本文中リンクの色変更*/
div.main-section a{
	color:#333399;
}

/*----------------------------
　テーブルデザイン
----------------------------*/
div.site-body th,
div.site-body td{
	border-color:#ccc;
}

.table-dz1 th{
  font-weight: bold;
  background: #eaf4f8;
}

/*----------------------------
　フォームパーツ
----------------------------*/
/* 必須 */
span.need{
  display:inline-block;
  background: #f2a0a1;
  color: #fff;
  font-size: 12px;
  line-height:18px;
  height:18px;
  font-weight:normal;
  padding: 0px 7px;
  margin-left: 5px;
  border-radius:3px;
}
/*選択項目を立て並びにする*/
.wpcf7-list-item {
  display: block;
  margin-top: 5px;
}
/*送信ボタン下のローダーを非表示にする*/
span.wpcf7-spinner {
    display: none;
}

/*フォーム表内のマージン調整*/
table.mobile-block th p,
table.mobile-block td p{
	margin-bottom: 0;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
	margin: 0.5rem 0;
}

/*----------------------------
　テーマデザイン変更
----------------------------*/
/* powerd byの非表示 */
div.site-footer-copyright p:nth-child(2){
	display: none;
}

/* 投稿日時・投稿者の非表示 */
div.entry-meta{
	display:none;
}

/* トップPR説明文 */
.vk-cols--menu p{
	text-shadow: none;
}

/* フッター背景色 */
.site-footer{
	background:#eaf4f8;
}

/*リストのマージン調整*/
.li-2 p{
	margin-bottom:0;
}

/*見出しのデザイン変更*/
div.main-section h2{
	border-bottom:1.7px solid #006699;
	color:#006699;
}
div.main-section h4{
	background:#eaf4f8
}
div.main-section h5{
	color:#006699;
}

div.wp-block-cover__inner-container h4{
	background:none;
}

/*----------------------------
　投稿一覧（リスト型）の表示変更
----------------------------*/
.wp-block-latest-posts li{
	padding: 0.7rem 0 0 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
	display: flex;
}
time.wp-block-latest-posts__post-date{
	display: flex;
	order: 1;
	white-space: nowrap;
	width: 9rem;
}
.wp-block-latest-posts li>a{
	display: flex;
	order: 2;
}

/*-------------------
media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
------------------*/
@media print, screen and (max-width: 599px) {

	.mobile-block th,
	.mobile-block td{
		box-sizing:border-box;
		display:block;
		margin-top:-1px;
		width:100% !important;
}

	.mobile-center{
		display:block;
		margin:15px auto;
}

	.wp-block-latest-posts.wp-block-latest-posts__list li{
		flex-direction: column;
}
	.wp-block-latest-posts li>a{
		margin-top:0.3rem;
	}

/*-- ここまで --*/
}