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

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


 /*文字色の変更*/
#navi ul li a{
	color: #fff!important; /* 文字色を白 */
	font-weight:bold; /* 文字の太さを変更 */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/************************************
全体のバランス
************************************/
.entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 600px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}



/************************************
**　ヘッダーメニュー
************************************/
.navi-in > ul{
justify-content:flex-start;
}
.navi-in>ul li {/*ヘッダーメニューの高さ*/
line-height: 60px;
height: 60px;
}
.navi-in a{/*ヘッダーメニューのフォントサイズ*/
font-size:17px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{/*サブメニュー*/
color:#333;	
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {/*サブメニューを仕切る点線*/
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {/*ヘッダー下の影非表示*/
box-shadow: none;
}
div.item-label{
font-weight:bold;
}

/************************************
** contact form7 カスタマイズ
************************************/

/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:10px;
width:300px;
background:#87CEFA;
color:#FFFFF4;
font-size:17px;
border: none;
border-radius:50px;
margin:25px auto 0;
transition:0.4s;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
background:#4169E1;
color:#FFFFF4;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/* コンタクトフォーム７ */
.cf7 {
	max-width: 100%;
	box-sizing: border-box;
}
.cf7 dt i {
	margin-right: .5em;
}
.cf7 dd {
	margin: 0 0 2vh 0;
}
.cf7 .rqd {
	color: #ff6666;
	font-size: .8em;
	margin-left: .5em;
}
.btn_cf7 {
	text-align: center;
}
.btn_cf7 input {
	width: 100%;
}
@media screen and (min-width: 768px) {
	.cf7 dt {
	float: left;
	clear: left;
	width: 25%;
	padding: .5em 1em .5em 0;
	}
.cf7 dd {
	margin-left: 25%;
	}
	.cf7 .rqd {
	float: right;
	margin-left: 0;
	margin-top: .2em;
	}
	.btn_cf7 input {
	width: 90%;
}
}


//トップページのみ各種Cocoon設定を非表示に変更
add_action('get_header', function() {
  if (is_front_page()) {
    global $_THEME_OPTIONS;
    $_THEME_OPTIONS['eyecatch_visible'] = 0; //アイキャッチ
    $_THEME_OPTIONS['post_date_visible'] = 0; //投稿日
    $_THEME_OPTIONS['post_update_visible'] = 0; //更新日
  }
});


/* テーブルに枠線を表示する */
.entry-content table {
    border: 1px solid #EDEDED;
}

/************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){/*トップページモバイルボタンの真下にスペースを作る*/
.container {
margin-top:50px;
}
}
.logo-image {
padding:0;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
max-height:60px;
}
.logo {
text-align: left;
}
.logo-header img {
box-shadow: none!important;
}
/************************************
**ヘッダー　モバイル表示
************************************/
@media screen and (max-width: 1023px) and (min-width: 480px){/*835px以上で非表示にすると空白ができるので埋める*/
.admin-bar.mblt-header-mobile-buttons, .admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 0;
}}
@media (min-width:480px){
ul.mobile-header-menu-buttons.mobile-menu-buttons{/*835px以上でモバイルヘッダーを非表示*/
display:none;
}
}
@media (max-width:480px){/*835px以上でヘッダーを非表示*/
.header-container {
display:none;
}
img.site-logo-image{/*モバイル表示ロゴ*/
max-height:35px;
padding:2px 0 0 5px;
box-shadow:none;
}
}

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #1e7cd1;
	color: #FFFFFF!important;
}

.logo-menu-button.menu-button{
	background-color: #ffffff;
	box-shadow: none!important;
}
.header {
    box-shadow:none;
}
.page .entry-title{
  display: none;
}
	

.home main#main {
	padding-top: 5px;
}

.home .column-wrap.column-2 {
	margin-top: 5px;
}

.home .container .column-wrap > div {
	padding-top: 5px;
}

/* 目次全体デザイン */
.toc {
	background:#ffffff;
	border: 2px double#87cefa;
}

.entry-content h3:before {
content: "\f059"; //前に「\」をつけるのを忘れずに
}


.entry-content h5:before {
content: "\f059"; //前に「\」をつけるのを忘れずに
}

/************************************
**モバイル表示　ヘッダーメニュー
************************************/
span.fa.fa-close::before{/*戻るボタン*/
font-family: FontAwesome;
content: “\f060”;
}
.menu-content .menu-drawer {
padding: 0 1em;
margin:0;
}
ul.menu-drawer:before{
font-size:1.2em;
display: block;
font-weight: normal;
background: white;
color:#7b7b7b;
padding: .5em;
margin-bottom:1em;
font-family: sans-serif;
text-align: center;
border-bottom:3px dotted #90C31F;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#fff;
padding:0;
border-radius:20px;
}
.menu-drawer a{/*menuの文字色をグレー*/
font-size:1.5em;
background-color:#f7f7f7;
color:#696969!important;
margin: 6px 0;
padding: 4px 1em;
border-radius:20px;
}
.menu-drawer a:hover{
background-color:#87cefa!important;
color:#696969!important;
transition: 0.2s ;
}
.menu-drawer .sub-menu {
padding-left:30px;
margin-top:0;
}
.menu-drawer ul.sub-menu li {/*サブメニューの文字サイズ*/
font-size: 1em;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none!important;
}
}

@media screen and (max-width: 768px){

  #appeal .appeal-in{

    min-height: 200px;

  }

}


/*アピールメッセージの背景色・文字色*/
.appeal-content {
  background: none;
}

h3{
font-size: 22px;
border-bottom: dotted 5px #87cefa;
}