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

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

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

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

/************************************
****　ボタン
************************************/
/* −−ボタンを浮かして影をつける−−*/
.btn{
  display: inline-block;
  /*padding:5px 10px;*/
  color: #FFF;
  text-decoration :none;
  background: skyblue;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s;
}
/*−−−ボタンが重なったときに沈む−−−*/
.btn:hover{
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

/************************************
****　モバイルヘッダメニュー
************************************/
.mobile-header-menu-buttons {
  box-shadow: none;
}

/* モバイルフッターメニューの文字色・背景色を変更 */
.mobile-menu-buttons {
    color: #fff; /* 文字色 */
    background-color: #0d1628; /* 背景色 */
}
/* オンカーソル時の設定 */
.search-menu-button.menu-button:hover,
.navi-menu-button.menu-button:hover { 
    color: #fff; /* 文字色 */
    background-color: #0d1628; /* 背景色 */ 
}
.logo-menu-button.menu-button:hover {
	color: #fff; /* 文字色 */
    background-color: #0d1628; /* 背景色 */
}

/************************************
****　スライドインメニュー
************************************/
.menu-drawer a{
	color: #ECC100;/*文字の色*/
	height: 3em;/*行の高さ*/
}

/************************************
****　カラム背景色設定
************************************/
//#main {
//    background:#72736f;
//}
//#sidebar {
//    background:#72736f;
//}

/************************************
****　検索窓カスタマイズ（一体型・丸縁）
************************************/
/*入力欄*/
.search-box .search-edit {
	padding: 8px 16px;
	padding-right: 68px;
	border-color: #72736F;
	border-radius: 20px;
}

/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #72736F;
	border-radius: 0 20px 20px 0;
}
.search-box .fa-search {
	display: block;
	margin-top: 3px;
	margin-right: 3px;
}

/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}

/************************************
****　ボックスメニュー　センタリング
************************************/
.box-menu{
    margin-left: auto;
}