@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* アピールエリア */
@media screen and (max-width: 769px) {
	div.appeal-in {
		display: none;
	}
}
/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
	display: none;
}
/*アピールエリアの四角を消す*/
.appeal-content {
	display: none;
}
/*ナビゲーションに縦棒入れる*/

#navi .navi-in > ul > li{
  border-left: 1px solid #eee;
}

#navi .navi-in > ul > li{
  border-right: 1px solid #eee;
}
#navi .navi-in > ul > li{
  border-bottom: 1px solid #eee;
}

@media screen and (max-width: 480px) {
	/* ページ毎にロゴ画像を指定 */
	.logo > a .site-name-text {
		background: url( https://www.suido-support.com/osaka/wp-content/uploads/2019/07/sp-top2.jpg ) no-repeat #fef5ea;
		background-size: contain;
		background-position: center;
	}
	.logo img {
		visibility: hidden;
		max-width: 100%;
		height: 76vw; /* スマホ時のロゴの画像タテサイズ */
	}
}
	
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
/************************************
** 固定フッターバナー用
************************************/
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}
/************************************
** 余白減らす
************************************/
@media screen and (max-width: 480px){
  .logo-image {
    padding: 0;
  }
} 
.logo-image * {
  display: block;
}

.logo-image {
  padding: 0;
}
/************************************
** 見出し変える
************************************/

/*投稿日・更新日を非表示*/
.page .date-tags {
 display: none;
}
/*投稿者名を非表示*/
.page .footer-meta {
 display: none;
}


.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}