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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.post-date, .post-update{
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}

.cat-label, .cat-label-311 {
	font-size:14px;
}

.entry-card-title, .card-title, .e-card-title {
	color:#00008b;
}

.entry-card-snippet, .card-snippet, .e-card-snippet{
  font-size: 16px;
  line-height: 1.5em;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.tagline {
    display: none;
  }


/* メタスライダー */
.metaslider{
	font-size:12px;
}

/* モバイルフッターメニュー */
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  background-color: #ffadcd;
	color:black;
}

/*モバイルヘッダーメニュー*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 55px;
	padding-top:8px;
	  background-color: #ffadcd;
		color:black;
}

.logo-menu-button.menu-button{
	height: 55px;
	  background-color: #ffadcd;
}

/* モバイルスライドインメニュー */
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
	height:95%;
}
.fa-times {
color: black;/* 閉じるボタンの色 */
font-size: 0.8em;
}
ul.menu-drawer:before {
background-color: #ffadcd;/* Menu背景色 */
font-size: 1.2em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: black !important;/* 文字色 */
font-size: 1.2em;
font-weight: 900;
}
.menu-drawer a:hover {
background-color: #ffadcd;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right: 3px;
}
.sub-menu li {
font-size: 0.8em;
}

}



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

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