@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/




/*共通*/

.vat{
	vertical-align: top;
}

.vam{
	vertical-align: middle!important;
}

.vab{
	vertical-align: bottom;
}


/*共通マージン*/
.mb00 {
	margin-bottom: 0px!important;
}

.mb01 {
	margin-bottom: 1px!important;
}

.mb05 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.valb {
	vertical-align: bottom;
}

/*ヘッダーメニューhover時グレーに*/
#navi .navi-in a:hover {
  background-color: #000000;
  transition: all 0.3s ease-in-out;
  color: #c0c6c9;
}

/*メイン上部マージン調整*/
.main {
    padding-top: 0px!important;
}



/* 見出しデザイン */
.article h2 {
  font-weight: bold;
  background-color: #333!important;
  color: #FFF;
  padding: 0.5em 1em calc(0.5em - 6px);
  position: relative;
}
.article h2::after {
  content: '';
  background-color: #333!important;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -6px;
  left: 0;
}





/*FlexibleTable内で自動改行を禁止*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table {
    white-space: nowrap;
}

.entry-content table {
    border: solid 1px #FFFFFF!important;
}

/*各ページのタイトル、日付、authorなどを非表示*/
.entry-title,.date-tags,.author-info{
  display: none;
}

/*目次を非表示（各ページの非表示設定忘れたときのため）*/
#toc {
	display: none;
}



/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 250px;
	text-align:center;
}

.footer-bottom-logo img {
	height: auto;
	width: 150px;
}

/*フッターのウィジェット等位置調整*/
.footer-bottom {
  margin-top: 0px!important;
}

.widget-footer-left .widget-footer-center .widget-footer-right {
  margin-bottom: 0px!important;
}

.footer-right {
  text-align: right;
}

/*フッターウィジェット上下マージン等*/
.footer-widgets {
  margin-top: -20px;
  margin-bottom: -50px;
}
/*フッターウィジェット上下マージン等：モバイル*/
.footer-widgets-mobile {
  margin-top: -20px;
  margin-bottom: -20px;
  text-align: center!important;
}


/*フッターのhover効果消す*/
#footer a:hover {
  background-color: rgba(255,255,255,0);
}


/*バナー縦並び間隔*/
.bnr_block_margin {
	margin-bottom: 0px!important;
}

/*WhatsNewの間隔調整*/
.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    margin-bottom: 1.5rem;
}


/*キーワード検索の虫眼鏡を表示しない*/
#search-menu-open {
  display: none;
}


/*表示しないブロックにつける（キーワード検索用）*/
.invisible-section {
  display: none;
}

/*タイトルロゴ左寄せ*/
.logo{
	text-align:left;
}

.header-container-in.hlt-top-menu{
	margin-top: 5px;
	margin-bottom: 5px;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}

/*見出し欄*/
.inquiry th{
 text-align:left!important;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:20%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#cc1b1b;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#009944;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa05;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#ffaa05;
 color:#cc1b1b;
}

/**/
.nomargin p{
 margin-bottom:0px;
}


/*テーブルをレスポンシブ化する（HTML版） */ 
.agn-left {
  text-align: left;/*thはセンター揃えなので左揃えにしたいthセルに適用*/
}
.pc-tablehead th{
  white-space: nowrap;/*セル内で改行しない*/
}

@media screen and (max-width: 480px){
	/*テーブルをレスポンシブ化する：スマホ表示*/
.pc-tablehead{
  display: none;/*【1】PCで1行目に表示されているタイトルを非表示に*/
}
.vertical-table th{
  border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
  display: block;/*【3】PCの一列目を縦積みにする*/
  width: 100% !important;
}
.vertical-table td {
  border-bottom: none;/*【2】上下の枠線が二重になるのを防止*/
  display: block;/*【3】PCの2列目以降も縦積みにする*/
  width: 100% !important;
}
  .last td:last-child {
    border-bottom: solid 1px #8a9992;/*【4】表の一番下になるセルだけ下線を引く*/
 }
.vertical-table td:before {
  content: attr(aria-label);/*【5】aria-labelで指定した値を表示させる*/
  display: inline-block;
  font-weight: bold;
  float: left;
  text-align: left;
  padding-right: 1em;
  white-space: nowrap;
}
/*.label br {
/*  display: none;/*【6】PCでセル内改行した箇所を改行させない*/
/*}*/
}

/*表組HTMLのデザイン要素*/
.tabel01-th{
border:1px solid #000!important;
  text-align: center;
  width:15%;
  background-color:#949495;
  color:#fff!important;
}

.tabel01-td{
border:1px solid #000!important;
  text-align: left;
  background-color:#fff;
  color:#000;
}


/*テーブルセル内の自動改行禁止*/
.wp-block-flexible-table-block-table table {
	font-size: 0.75rem;
    white-space: nowrap;
}


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

/*タイトルロゴ中央寄せ*/
.site-logo-image{
	text-align:center;
	max-width: 200px;
	padding-top: 5px;

}
	
.footer-widgets-mobile .widget_media_image {
  text-align: center;
}

/*PC表示時のグローバルメニュー非表示*/
#navi {
    display: none;
}

}


/*834px以下*/
@media screen and (max-width: 834px){
}

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

}