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

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

/*「次のページ」非表示にする*/
.pagination-next {
  display: none;
}

/* ソースコードの文字サイズを変更する*/
pre {
  font-size: 12px;
}

/*「フッターのロゴ」を非表示にする*/
.footer-bottom-logo .logo-image, .footer-bottom-logo .logo-text  {
    display: none;
}

/*「フッターウィジット」の横幅を変更する*/
.footer-left, .footer-center, .footer-right {
    width: 33.33%;
}

/*「フッターウィジット」配下の「カテゴリとアーカイブのリストの文字サイズ」を変更する*/
#footer .widget_categories ul li, #footer .widget_archive ul li {
	display: inline-block;
    margin: 2px;
    padding: 0;
    font-size: 13px;
    letter-spacing: 0;
}

/*「フッターウィジット」配下の「カテゴリとアーカイブのリスト」を装飾*/
#footer .widget_categories ul li a, #footer .widget_archive ul li a {
    background-color: #343a40;
    text-transform: uppercase;
    padding: 2px 4px;
    border-radius: 3px;
}

/*「フッターウィジット」配下の「カテゴリとアーカイブのリスト」のオンマウス時の設定を変更*/
#footer .widget_categories ul li a:hover, #footer .widget_archive ul li a:hover {
    background: #888888;
}

/*投稿ページや固定ページを作成したユーザー名を非表示*/
.author-info {
    display: none;
}

/*ヘッダーに追加した検索ボックスを微調整　*/
#navi-in .search-box {
    margin: 0;
    position: relative;
	width:250px;
}

/*ヘッダーに追加した検索ボックスの内部の文字サイズを変更　*/
#navi-in .search-box .search-edit{
    font-size: 10px;
}

/* フッターメニューX番目検索窓の消す ※ここでは4番目としている。状況に応じて変更する。*/
.navi-footer-in>.menu-footer>li:nth-child(n+4) {
	display: none; 
}

/* ヘッダーメニュー(1～3つ目のみ)のオンマウス時の設定を変更。 */
#navi-in ul li:nth-child(1):hover, #navi-in ul li:nth-child(2):hover , #navi-in ul li:nth-child(3):hover{
    box-shadow: none; /* 枠線を消す */
    background: #FFE4E1; /* 背景色 */
}

/* フッターメニューの縦棒を非表示 */
.navi-footer-in > .menu-footer li{
	border-left: none;
}

/* reCAPTCHA v3の文章を装飾① */
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}

/* reCAPTCHA v3の文章を装飾② */
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}

/* reCAPTCHA v3のバッジを非表示 */
.grecaptcha-badge { visibility: hidden; }

/*コードを折り返さないようにする*/
.wp-block-code code{
	white-space: pre-wrap
}


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

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

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