@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*デフォルト1240px以下のところを2400に修正済*/
@media screen and (max-width: 2400px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
	
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.order1 {
  order: 1;
}
.order2 {
  order: 2;
}	
}

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


  /* プロポーショナルメトリクスを有効にする指定｜字詰め */
.selector {
  font-feature-settings: "palt" 1;
}

 /* メニューマウスオーバー時のカラー */
#navi .navi-in a:hover {
  background-color: #000000;
  color: #fff;
}

/* ヘッダー下隙間対策 */
.content {
margin-top:0;
}

/* 親要素でflex指定 */
.reversebox {
 display: flex;
}


/*---------------------------------
固定ページのタイトルを消す
--------------------------------*/

.page .entry-title{
  display: none;
}

/* 全投稿ページで非表示 */
.post .entry-title {
    display: none;
}

/*固定ページのタイトルの余白を消す*/
.content-top {
margin: -5px;
padding: -5px;
}

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*ヘッダーフッター非表示*/
.header {
    display: none;
}
/* フッター内行間調整 */
.footer {
line-height: 1.3;
}

 /* フッター余白対策 */
.footer {
	margin-top: 0;
	padding-top: 0;
}

/* MetaSliderのキャプション背景を透明にし、帯を消す */
.metaslider .caption-wrap {
    background: transparent !important; /* 背景を透明に */
    background-color: rgba(0,0,0,0) !important; /* 背景色を完全に透過 */
    filter: none !important; /* フィルター効果を解除 */
    box-shadow: none !important; /* 影を消す */
}

/* 文字色が見にくい場合は、白や黒に指定する */
.metaslider .caption {
    color: #ffffff; /* 文字色を白に */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5); /* 文字に薄い影をつけて読みやすくする */
}