@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

/*モバイルリッジメニュー変更*/
.mobile-menu-buttons {
	background:rgba(55, 171, 157,0.8);/*フッターメニューの背景を半透明化*/
	box-shadow:0 -5px 6px rgba(55, 171, 157,0.2);
}
.mobile-menu-buttons .menu-icon::before {
	font-size: 1.15em;/*フッターメニューのフォントアロウズの大きさを変更*/
	color:#ffffff;/*フッターメニューのフォントアロウズの色を変更*/
}
.mobile-menu-buttons .menu-caption {
	color:#ffffff;/*フッターメニューのフォントの色を変更*/
}

/*ウィジェットエリアのレイアウト*/
.top.rss .left, .top.rss .right {
display: inline-block;
width: calc((100% - 80px)/2);
vertical-align: top;
margin: 10px;
}
.top.rss ul {
list-style: none;
}
.top.rss li {
margin-bottom: 10px;
line-height: 1.3;
}
.top.rss li:last-of-type {
margin-bottom: 0;
}


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

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

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

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