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

/************************************
/*サイトタイトル*/
.mobile-menu {
background: #BC8F8F;
color: white;
}

.mobile-menu-buttons .menu-button > a {
color: white;
}

/* モバイルトップメニューの背景色と高さを変更*/
.slicknav_menu {
    background: #d3d3d3;
    padding: 0px;
}
/*ヘッダーの色と高さを変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #f7dede;
	color: #ff8800;
	height: 50px;
}
/*ヘッダーの文字と背景の色を変える追加CSS*/
.menu-button-in{
	color:  #ff8800!important;
	background-color: #f7dede!important;
	height: 50px;
}
.menu-drawer a{
	font-size: 1.3em;/*文字の大きさ*/
	color: #ff8800;/*文字の色*/
	height: 3em;/*行の高さ*/
}
/* メニューボタンの背景色の設定 */
.slicknav_btn {
     background-color:#78a368;
}
.tagline{
	font-weight: bold;
	/*text-stroke: 0.05px #fff;
	-webkit-text-stroke: 0.05px #fff;
	fontsize: 10px !important;
	color: #ff8800;*/
}
/*ボックスメニューの設定*/
.wwa .box-menu{
	width:calc(100%/4);
}
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
/* スマホのキャッチフレーズを消す*/
@media screen and (max-width: 1023px) {
  .tagline {
    display: none;
  }
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/* タブレット用サイズ */

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/* モバイル用サイズ */
/*480以下でロゴの大きさ変更*/
.logo-menu-button img {
	width: 200px;
    　　max-height: none;
	margin: -3px auto 0;
}
/*ヘッダーモバイルボタン高さ変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 50px;
	padding-top: 5px;
}
}
	
@media screen and (max-width: 599px){
  /*必要ならばここにコードを書く*/
.box-menus.box-menu{
	width: calc(100%/4)	
	}
	.box-menu-label{
		font-size: 7px;
		margin: 0;
		max-width: 100%;
		max-height 100%;	
	}
	.box-menu {
		padding :0;
	}
	.box-menu{
		min-height: 20px;
	}
}

/*キャッチフレーズ部分のレイアウト*/
.tagline{
	font-size: 13px;
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}