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

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


/*　■■投稿ページ・固定ページ（トップ以外）はヘッダ小さく■■　*/
.single .header,.category .header,.tag .header{
background: linear-gradient(to right,  rgba(63,69,81,0.8) 0%,rgba(63,69,81,0) 60%),url(https://jpes.or.jp/wp-content/uploads/2021/03/mv2-1.jpg);
	background-position: center top;
}

.single .tagline,.category .tagline,.author .tagline,.tag .tagline{
	display:none;
}
.single .logo,.category .logo,.author .logo,.tag .logo{
	text-align:left;
	padding-left:10px;
}
.home .header-in{
	height: 90vh;
}

.single .header .header-in,.category .header .header-in,.author .header .header-in,.tag .header .header-in {
		min-height: 100px;
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    background-color: rgba(0,72,152,1);
	padding:2px 5px;
}

@media screen and (min-width: 769px) {
}

@media screen and (max-width: 834px) {
	.logo-header img {
    width: 90%;
    height: auto;
}
}

/*　■■Gナビまで含むヘッダーコンテナに背景画像指定■■　*/
#header-container-in {
    background-image: url(https://jpes.or.jp/wp-content/uploads/2021/03/mv2-1.jpg);
	background-position:center;
}

/*　■■コンテンツ背景色、白で半透明■■　*/
.header-container,
.main,
.sidebar,
.footer {
background-color:rgba(255,255,255,0.9);
}

/*　■■Gナビ背景色、白で半透明■■　*/
.navi {
background-color:rgba(255,255,255,0.9);
}

.navi-in li {
	margin:0 2px;
}
.navi-in a { 
transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
  display: block;
  color: rgba(30, 22, 54, 0.6);
  box-shadow: rgba(65, 68, 113, 0.4) 0 0px 0px 1px inset;
	background-color:rgba(255,255,255,0.9);
}
.navi-in a:hover {
  background-color:rgba(148,178,255,1);
  color: rgba(255, 255, 255, 0.85);
  box-shadow: rgba(65, 68, 113, 1) 0 0px 0px 40px inset;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	div.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: auto;
}
}

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