/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/


body{
  color: #333;
  font-family: serif;
}

/*------------- PC ---------------------------------------*/

.pc{
  display: block;
}
.sp{
  display: none;
}

/*------------- ヘッダー --------------------------*/

.site-header{
  background-color: #000!important;
}
.header_scrolled.admin-bar .site-header{
  background-color: #000;
}
.global-nav-list li a{
  color: #fff;
  font-size: 16px;
}

.global-nav-list li a i{
  font-size: 20px;
  color: #3b5998;
  background-color: #fff;
  border-radius: 50%;
}
.global-nav-list>li:last-of-type::before{
  border-bottom: 0;
}

.page-header{
  display: none;
}


/*------------- トップページ --------------------------*/

h2{
  font-size: 40px;
  color: #000;
}
h2 code{
  font-size: 25px;
  color: #999;
  font-family: serif;
  margin-left: 12px;
}

/*------------- About -------------*/


/*------------- News -------------*/

.news h2{
  color: #fff;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 2rem calc(50vw - 50%);
  background-color: #555;
}
.news h2 code{
  color: #fff;
}

.wp-block-cover__inner-container .wp-block-latest-posts li>a{
  color: #fff;
  font-size: 18px;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{
  color: #fff;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{
  width: 100%;
}

.wp-block-latest-posts__post-date::after{
  content: "更新";
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
  display: flex;
  flex-direction: column;
}
.wp-block-cover__inner-container .wp-block-latest-posts li>a{
  order: 2;
  margin-bottom: 5px;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date{
  order: 1;
  margin-bottom: 15px;
}
.wp-block-latest-posts__post-full-content{
  order: 3;
  font-size: 14px;
}

.media-body .btn{
  color: #333;
}
.media-body .btn:hover{
  background-color: #555;
  color: #fff;
}
.entry-meta .entry-meta-item-author{
  display: none;
}
.site-footer-title:after, .sub-section-title:after, h3:after{
  border-bottom: 1px solid #555;
}

.wp-block-cover, .wp-block-cover-image{
  min-height: 500px;
}



/*------------- Contact -------------*/

/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
}
.contact7 dt {
	font-weight: normal;
}

.contact7 input,.contact7 textarea{
  background-color: #fafafa;
}

.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 40%;
	background-color: #555;
	color: #FFF;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	border: 1px solid #555;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
  font-family: serif;
  border-radius: 0;
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #555;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
  border-radius: 0!important;
}

input::-webkit-input-placeholder {
  font-family: serif;
}
input:-moz-placeholder {
  font-family: serif;
}
input::-moz-placeholder {
  font-family: serif;
}
input:-ms-input-placeholder {
  font-family: serif;
}
textarea::placeholder{
  font-family: serif;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
  border: none;
  color: #dc3232;
}

@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.contact7 input,.contact7 textarea{
    background-color: #fafafa;
  }
 
.btn_contact7 input {
	width: 40%;
	background-color: #555;
	color: #FFF;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	border: 1px solid #555;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
  font-family: serif;
  border-radius: 0;
  margin-top: 50px;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea{
  border-radius: 0!important;
}

.btn_contact7 input:hover {
	background-color: #FFF;
	color: #555; 
}

textarea::placeholder{
  font-family: serif;
}
input::-webkit-input-placeholder {
  font-family: serif;
}
input:-moz-placeholder {
  font-family: serif;
}
input::-moz-placeholder {
  font-family: serif;
}
input:-ms-input-placeholder {
  font-family: serif;
}

}

/*------------- History --------------------------*/

.history table td, table th{
  border: none;
}
.history table{
  border-top: 0;
  font-size: 16px;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.history table td:nth-child(odd) {
  position: relative;
  padding: .6rem;
  display: inline-block!important;
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.history table td:nth-child(odd)::before {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 10px;
  height: 1px;
  content: '';
  background: #333;
}
.history table td:nth-child(even){
  font-size: 14px!important;
}

.post-name-history .site-body{
  padding-bottom: 0;
}

.main-section:after, .site-body-container:after, .site-body:after, .site-footer:after, .sub-section:after{
  height: 0;
}

.widget{
  margin-bottom: 0!important;
}


/*------------- フッター --------------------------*/

.site-footer-copyright p:last-of-type{
  display: none;
}

.site-footer{
  border-top: none;
  background-color: #000;
}
.site-footer-content{
  padding-top: 22px;
}

.site-footer .widget ul li{
  list-style-type: none;
}
.site-footer .widget ul li a{
  color: #fff;
}
.site-footer .widget ul{
  padding-left:0;
}
.site-footer .widget ul li a:hover{
  border-bottom: 1px solid #fff;
}

.site-footer-copyright p{
  color: #fff;
  text-align: left;
  margin-left: 0;
}
.site-footer-copyright{
  padding-top: 0;
  padding-bottom: 10px;
}

.site-footer .widget_media_image{
  margin-bottom: 20px;
  width: 220px;
}

@media (max-width: 991.8px){

/*------------- ヘッダー --------------------------*/
.site-header-logo img{
  margin-left: 0;
}
.vk-mobile-nav-menu-btn {
  border: none;
  background-image: url("http://localhost:10003/wp-content/uploads/2022/09/hum_normal.png");
  background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: none;
  background-image: url("http://localhost:10003/wp-content/uploads/2022/09/hum_normal_op.png");
  background-size: cover;
}
.vk-mobile-nav-menu-btn {
  right: 5%;
  left:inherit;
  top: 1.5%;
}
.vk-mobile-nav .vk-mobile-nav-menu-outer i{
  color: #3b5998;
}

/* facebook */
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex-basis: 100%!important;
}

}


@media (max-width: 575.98px){

/*------------- SP ---------------------------------------*/
.pc{
  display: none;
}
.sp{
  display: block;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
  padding-right: 5%;
  padding-left: 5%;
}

/*------------- ヘッダー --------------------------*/
.site-header-logo img{
  margin-left: 0;
}
.vk-mobile-nav-menu-btn {
  border: none;
  background-image: url("https://kouyouren.art/wp-content/uploads/2022/09/hum_normal.png");
  background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
  border: none;
  background-image: url("https://kouyouren.art/wp-content/uploads/2022/09/hum_normal_op.png");
  background-size: cover;
}
.vk-mobile-nav-menu-btn {
  right: 5%;
  left:inherit;
  top: 1.5%;
}
.vk-mobile-nav .vk-mobile-nav-menu-outer i{
  color: #3b5998;
}

/*------------- トップページ --------------------------*/
h2{
  font-size: 35px;
  color: #000;
}
h2 code{
  font-size: 20px;
  color: #999;
  font-family: serif;
  margin-left: 6px;
}

/*------------- About -------------*/
.about h2{
  margin-bottom: 1rem;
}

/*------------- News -------------*/
.wp-block-cover__inner-container .wp-block-latest-posts li>a{
  font-size: 14px;
}
.wp-block-latest-posts__post-full-content{
  font-size: var(--vk-size-text-sm);
}


/*------------- Contact -------------*/
.wpcf7-spinner{
  display: none!important;
}

/*------------- History -------------*/
.wp-block-cover, .wp-block-cover-image{
  min-height: 180px;
}


}