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

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

.e-card{
border: 2px solid #00ffff; /*枠線の太さ、形状、色*/
background-color: #e0ffff;
padding: 10px;            /* 内側の余白 */
  margin: 10px 0;           /* 外側の余白 */
}

.sidebar h2,
.sidebar h3 {
  background-color: #ff00ff;
  text-align: center;
  padding: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidebar {
background-color: #ffccff;
}

/* サイドバーのウィジェット間に下線（区切り線）を入れる */
.sidebar .widget {
  padding-bottom: 20px;          /* 線と内容の余白 */
  margin-bottom: 20px;   
  background-color: #e0ffff;  
  border:2px solid #0000ff;
        /* 下のウィジェットとの間隔 */
}

* 一番下のウィジェットの線は消す */
.sidebar .widget:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* サイドバー内の検索ボックス全体の外枠サイズを制限する */
.sidebar .search-box,
.widget_search .search-box {
  max-width: 250px; /* お好みの最大幅に変更してください */
  width: 100% !important;
  margin-left: auto;
  margin-right: auto; /* 中央寄せする場合 */
}

/* 入力欄とボタンの幅を適切に調整 */
.sidebar .search-box .search-edit,
.widget_search .search-box .search-edit {
  width: calc(100% - 30px) !important; /* ボタンの幅分を引く */
  margin-top: 20px;
  border: 2px solid #00ff00;
}



/*虫眼鏡の色*/
.search-box .search-submit {
    color: #00ff00; /* ←ここにお好みのカラーコードを入力 */
    margin-right:-20px
 }
 
 /* 検索ボックス全体と入力欄の角を丸くする */
.search-edit {
    border-radius: 30px !important;
    padding-left: 15px !important; /* 文字の開始位置を微調整 */
}