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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.widget_nav_menu ul li a {
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.widget_nav_menu ul li a:hover {
	background-color: rgba(255,255,255,0.20);
}
.navi-in > ul {
	justify-content: flex-end;
}

.mobile-header-menu-buttons {
	background-color: #ff5e8f;
}
#navi-menu-open, #search-menu-open {
	color: #fff;
}
.logo-menu-button img {
	padding: 5px 0;
}

.newssita {
	margin-top:30px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	#header-container {
		display: none;
	}
	 body.mblt-header-mobile-buttons {
    margin-top: 70px;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/* モバイルでもフッターウェジェットを表示する */
  .footer-widgets {
    display: block;
  }
	.greeting-text-box {
		padding: 20px 30px 30px 30px;
		width: auto !important;
		margin: 0 0 60px 0 !important;
	}
	#content > #content-in > .main {
        padding-top: 1px !important;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.greeting-text-box > .img-box > img {
		width: 50% !important;
	}
	.entry-title {
		font-size: 24px !important;
	}
}

/*top画像*/
@media screen and (max-width: 834px){
	.pc-img {
		display: none;
	}
	.sp-img {
		display: block;
	}
}

@media screen and (min-width: 835px) {
   .pc-img {
		display: block;
	}
	.sp-img {
		display: none;
	}
}