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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*各ページのタイトル非表示*/
.page .entry-title{
  display: none;
}

/*TOPページの色変更*/
.skin-grayish .content .main .entry-content {
    border-bottom: none;
}

.logo-header{
  font-family: "Teko", sans-serif;
	font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.logo-footer{
	font-family: "Teko", sans-serif;
  font-weight: 500;
  font-style: normal;

}

.skin-grayish.front-top-page .navi-in>ul{
	background-color:black;
}

.skin-grayish .footer{
	background-color:black;
}

.skin-grayish .container{
	background-color:black;
}

.skin-grayish.front-top-page .content{
	background-color:black;
	margin:0;
}

.skin-grayish.front-top-page .content .main .entry-content{
	background-color:black;
}

.skin-grayish.front-top-page .content .main{
	background-color:black;
}

.skin-grayish :where(.navi-in, .navi-footer-in) a{
	color:#fff;
}

/* ホバー時の色　ffa500 */

/*サブメニュー背景*/
.skin-grayish .navi-in>ul>li>.sub-menu{
	background-color:black;
}




.skin-grayish:not(.front-top-page) .header-container{
	background-color:black;
}

.skin-grayish .breadcrumb{
	color:white;
}

.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before{
	background-color:black;
}

/*各ページ共通*/
.article h2{
	color:#fff;
	border-bottom:solid 4px #fff;
}

.article h2::before{
	border-bottom:solid 4px #ffa500;
}

.article h4{
	color:#fff;
}

.article h5{
	color:#fff;
}

.article h6{
	color:#fff;
}

.header-container, .main, .sidebar, .footer{
	background-color:black;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
	background-color:black;
	color:#fff;
}

.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{
	background-color:#999;

}

.has-fixed-layout td{
	background-color:black;
}

:is(.is-style-information-box, .information-box, .information), :is(.is-style-question-box, .question-box, .question), :is(.is-style-alert-box, .alert-box, .alert), :is(.is-style-memo-box, .memo-box), :is(.is-style-comment-box, .comment-box), :is(.is-style-ok-box, .ok-box), :is(.is-style-good-box, .good-box), :is(.is-style-ng-box, .ng-box), :is(.is-style-bad-box, .bad-box), :is(.is-style-profile-box, .profile-box){
	background-color:#333;
}



/*目次*/
.skin-grayish :is(.toc-title){
	color:#fff;
}
.skin-grayish .toc{
	color:#fff;
	border-top:1px solid #202020 !important;
	border-bottom:1px solid #202020;
}

.skin-grayish .toc-title {
	/*display:none;*/
	background-image:none;
	background-color:#999;
	
    font-weight: 400;
    padding: 10px 0;
}

.skin-grayish .toc-content {
	color:#fff;
	background-color:#ccc;
}
.skin-grayish .toc-content ol {
	color:#fff;
}

.skin-grayish .breadcrumb{
	display:none;
}

/* コンタクトフォーム記入文字を黒に */
.skin-grayish .search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	color:#000;
	background-color:#ededed;
}

.breadcrumb.sbp-main-before + .content, .breadcrumb.pbp-main-before + .content{
	margin-top:0;
}

.content{
	margin-top:0;
}

body.public-page{
	background-color:black;
}

.grecaptcha-badge { visibility: hidden; }

.wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer {
   max-width: none;
}

/* サブメニュー表示 */
.skin-grayish .navi-in[data-active=true]>ul>li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	.skin-grayish .navi-menu-content{
		background-color:black;
	}
	
	.gnavi-search-menu-content{
		display:none;
	}
	
	.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons{
		background:black;
		background-color:#000;
	}
	
/* 	.skin-grayish .mobile-footer-menu-buttons{
		background-color:black;
		display:none;
	} */

	.content{
		margin-top:0;
	}
	
	.skin-grayish .mobile-menu-buttons .menu-button, .skin-grayish .mobile-menu-buttons .menu-button>a, .skin-grayish .sidebar-menu-content .sidebar-menu-close-button{
		color:white;
	}
	
}


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

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