@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*キャッチフレーズ*/
.tagline {
  text-align: center;
  font-size: 21px;
  margin: 0.6em 1em -30px;
  color: #000;
}
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info,
.display-kesu
{
display: none;
}
/*隠すもの*/
.home.page .entry-title{
  display: none;
}
.for-pc { display:block; }
.for-mobile { display:none; }
/*トップ法人個人ボタン
.top_bt a { 
	padding: 10px 2px 7px 2px;
	line-height: 1em;
}*/
a:hover {
  color: yellow;
}
.entry-content h2 {
color: #000;
	font-size: 130%;
	letter-spacing: 3px;
border-left: solid 5px #b54e4e;
background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(209,209,209,1) 76%, rgba(209,209,209,1) 76%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 76%,rgba(209,209,209,1) 76%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(209,209,209,1) 76%,rgba(209,209,209,1) 76%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}
/*薄バック見出し*/
.midashi_f {
  background-image: linear-gradient(360deg, rgba(255, 224, 218, 1), rgba(255, 242, 241, 1));
   border-radius: 13px;
   color: #AD2020;
   font-family: Arial;
   font-size: 25px;
   padding: 16px;
   border: solid #FFE6E6 1px;
   text-decoration: none;
  /* display: inline-block; */
   cursor: pointer;
   text-align: center;
	line-height: 1.9em;
	text-shadow: 2px 3px 3px rgba(184, 94, 94, 0.4);
}
/*テーブル*/
figure.wp-block-table table {
	width: 100%;
}
.tb-spec th,.tb-spec td{
    font-size: 80%;
	padding: 0.5em;
    border: solid 1px;
}
.tb-spec th{
	  white-space: nowrap;
}
#tb-jiss Table {
	width: 100%;
	border: 4px solid #CCCCCC;
	font-size: 1.5em;
}
#tb-jiss td,#tb-jiss th{
	padding: 0.5em;
    border: solid 1px;
  text-align: center;
}
td.beige {
  background: #f5f5dc;
}
/*注目文字*/
#Jungle h5{
	border: 0px solid #000;
	font-size:36px;color:#FFFF33;text-shadow:4px 4px 1px rgba(248, 0, 0, 0.5),-4px 4px 1px rgba(248, 0, 0, 0.6),4px -4px 1px rgba(248, 0, 0, 0.6),-4px -4px 1px rgba(248, 0, 0, 0.5);
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
#Jungle .wp-block-image {
	margin-bottom: 0em;
}
.bk-yellow{
	background-color:#fffcef;
}
	.list01{
		    font-size: 28px;
	}
/*フォーム*/
#form-s p{
	color:#fff;
}
.wpcf7-response-output,#form-s .wpcf7-not-valid-tip{
	color:yellow;
}
#form-s input,#form-s select,#form-s textarea {
background-color: #fcf5ed;
}
#form-s input[type="checkbox"],#form-s input[type="radio"]{
		margin: -3px 1px 0px 10px;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .for-pc { display:none; }
  .for-mobile { display:block; }
	th ,td ,#tb-spec td,#tb-spec th,#tb-jiss td,#tb-jiss th{
	display:block; 
	width:100%;
	border: solid 0px #1c1c1c;
	padding: 0em;
    }
	#tb-jiss th{
	background: #4e4e4e;
    color: #f0f0f0;
	}
	  #header .site-name-text {
    font-size: 155%;
  }
	.list01{
	font-size: 18px;
    font-weight: bold;
	}
	/*会社概要*/
    .read-gp{
    text-align: left;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	 #header .site-name-text {
    font-size: 145%;
  }
	.tagline {
  font-size: 100%;
 }
}