@charset "utf-8";

/*
 Theme Name: Folclore Child
 Template: folclore
 Description: ミニマルでシンプルなWordPressテーマ「Folclore」の子テーマです。
 Theme URI: http://minimalwp.com/category/gallery/
 Author: Folclore
 Author URI: http://minimalwp.com
 Version: 1.0.0
*/


/* リンク色を変えたい
---------------------------------------------------- */
a {
color: #006f37;
text-decoration: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

li a {
color :#006f37;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

p a {
color: #006f37;
text-decoration: none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}


/* ヘッダーメニュー部分
---------------------------------------------------- */
.nav-menu li a {
color: #333;
display: block;
font-size: 15px;
font-weight: none;
text-decoration: none;
padding: 12px 10px 12px 10px;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
color: #333;
background: #ffffff;
}

/* h2部分の調整（サブタイトルとバランスを取る）
---------------------------------------------------- */
h2 {
font-size: 24px;
line-height: 80%;
font-weight: bold;
color: #333;
margin: 40px 0px 0px 0px;
padding: 18px 0px 0px 0px;
border-top: none;
border-bottom: none;
}


/* お知らせ部分の調整（画像とタイトルが近すぎるので離す）
---------------------------------------------------- */
div .wp-block-latest-posts__featured-image {
margin: 0px 0px 15px 0px;
}


/* TOPページの事業紹介のレスポンシブデザイン
---------------------------------------------------- */
.imgleft img {
float: left;
width: 45%;
margin-bottom: 60px;
}

.imgright img {
float: right;
width: 45%;
margin-bottom: 60px;
}

.textleft {
float: left;
width: 45%;
}

.textright {
float: right;
width: 45%;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}

@media only screen and (max-width: 767px) {
.hotaka {
	position: relative;
	}

.imgleft img,
.imgright img {
	width: 100%;
	height: 400px;
	opacity: 0.25;
	}

.textleft,
.textright {
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
	margin: 0;
	padding: 0;
	}

.textleft h3,
.textright h3 {
	text-align: center;
	}
}


/* TOPページの会社情報とアクセス情報のデザイン
---------------------------------------------------- */
.boxlink {
width: 100%;
}

.boxlink a {
display: block;
border: 3px solid #006f37;
background-color: #fff;
padding-bottom: 24px;
}

.boxlink a:hover {
display: block;
background-color: #ecfbf4;
}


/* コンタクトフォーム関連のCSS
---------------------------------------------------- */
.table-contactform7 {
  background: #ffffff;
  overflow: hidden;
  table-layout: fixed;
}
 
.required-contactform7 {
  font-size:10pt;
  padding: 5px;
  background: #006f37;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.unrequired-contactform7 {
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th {
  font-weight:bold;
}

.table-contactform7 input {
  max-width: 80% !important;
  margin: 5px 10px 10px 5px;
}

.table-contactform7 textarea {
  max-width: 96% !important;
  margin: 5px 10px 10px 5px;
}

span.wpcf7-list-item {
display: block;
}

.wpcf7 select {
	margin: 5px;
}
     
/***** 送信ボタン *****/
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #006f37;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffffff;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/***** 送信ボタンホバー *****/
input.sub-btn:hover{
	background: #005e31;
	color: #ffffff;  
	border: 1px solid #006f37;
}

/***** 送信成功 *****/
div.wpcf7-mail-sent-ok {
background:#ffffff;
color:#185626;
border:1px solid #cccccc;
padding:10px
}

/***** 送信NG *****/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/***** 送信失敗 *****/
div.wpcf7-mail-sent-ng {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/***** スパムなどでブロックされた時 *****/
div.wpcf7-spam-blocked {
background:#fff2cf;
color:#846314;
border:1px solid #feedbd;
padding:10px
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/***** コンタクトフォーム レスポンシブ *****/
.table-contactform7{
  display:block;
}     
       
.table-contactform7 tbody,
.table-contactform7 tr{
  display: block;
  width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* フッター部分コピーライツのデザインを変えたい
---------------------------------------------------- */
#copyright a {
color: #fff;
}

#copyright a:hover {
color: #ecfbf4;
}