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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*メインカラムの色変更*/
.main, 
.sidebar{
  background-color: #f3f0eb;
}
/*見出し2のイメージ変更*/
/* H2 */
.article h2{
background:none;
padding: 0.2em 0.5em;
}
 
h2{
font-size:110%;
font-weight:bold;
border-left:10px #c3d9da solid;
padding-left:10px;
margin-bottom:10px;
background-color: #f3f0eb;
clear:both;
}

/*見出し3のイメージ変更*/
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

h3{
font-weight:bold;
}

/*固定ページの投稿日を消す*/
.page .date-tags {
    display: none;
}

/*ヘッダー・フッダーとメインのスペース狭く変更*/
.content {
margin-top: 10px;
}
.footer{
margin: 10px 0px 0px;
}

/*タイトルh1非表示空白部分を上に移動*/
.article header{
 margin-bottom:-1.5em;
 }

/*メールフォームサイズ変更*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"]{
 width: 40%;
}

/*メッセージBOXサイズ変更*/
.wpcf7 textarea{
 width: 70%;
}

/*電話番号サイズ変更*/
/*郵便番号サイズ変更*/
#form-tel,
#form-postal-code
{
 width: 30%;
}

/*メール送信ボタンのサイズと色変更*/
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
    padding: 11px;
    width: 50%;
    margin: 0;
    cursor: pointer;
	background: #c3d9da;
}

/*プロフィールFeedly・RSS非表示*/
.author-box .feedly-button, .author-box .rss-button {
	display: none!important; 
} 

/*サイドバー見出し装飾消す */
  h3.widget-sidebar-title {
    background: none;  
    padding: 0.25em 0.25em;  /* [上下][左右]の余白 */
    margin:10px;
 }

/*モバイルメニュー背景色変更 */
.mobile-menu-buttons {
	background: #c3d9da;
}

/*モバイルメニュー・メニュー色変え*/
.navi-menu-icon::before {
	color: #00709E;
}

/*モバイルフッターボタンホーム・問い合わせ色統一*/
.mobile-menu-buttons .menu-button > a {
    display: block;
    color: #696969;
    text-decoration: none;
}

/*モバイルブログ-サイドバーカテゴリ・月別色指定*/
.menu-content {
    background: #f3f0eb;
}

/*レッスン内容サイドバーボタン風に変更*/
.lesson a {
    color: #696969;
    text-decoration: none;
    padding: 10px 0  !important;
    display: block;
    padding-right: 4px;
    padding-left: 10px!important;
	background-color: #c3d9da;
	border: solid 8px #f3f0eb;
	border-radius: 15px;
}

/*新着ブログを4つ横並びにする*/
.new-entry-cards.large-thumb {
    display: flex;
    flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
    width: 24.333%;
}

/*グローバルメニューのフォントサイズ変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 15px;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
/*タイトルh1非表示空白部分を上に移動*/
  .article header{
  margin-bottom:-1.5em;
  }	

/*メールフォーム表示　携帯用に戻す*/
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 textarea,
  #form-tel,
  #form-postal-code{  
    width: 100%;
  }	

/*メール送信ボタンのサイズ変更*/
  input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a {
    padding: 11px;
    width: 100%;
    margin: 0;
    cursor: pointer;
  }		
	
/*新着記事の横並び*/
  .new-entry-cards.large-thumb a {
	width: 50%;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*新着記事の横並び*/
 .new-entry-cards.large-thumb a {
	width: 100%;
  }	
}