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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*ーーーーーーーーーーーーーーーー
/*共通
/*ーーーーーーーーーーーーーーーー

/*ボタンのスタイル
/*ーーーーーーーーーーーーーーーー*/

.wp-block-button__link {
  border:solid 1px;
}

.wp-block-button__link:hover {
  color:#000;
  background-color:#fff;
}

/*フォームの送信ボタン
/*ーーーーーーーーーーーーーーーー*/
input.wpcf7-submit {
	font-size:16px;
	font-weight:600;
	letter-spacing:2px;
}

/*spヘッダーメニュー
/*ーーーーーーーーーーーーーーーー*/
/*右から出てくる設定
（親テーマのスタイルが特異性高いので更新後注意）*/
#navi-menu-content {
right: 0;
-webkit-transform: translateX(105%);
transform: translateX(105%);
}

/*閉じるボタンも右へ*/
@media screen and (max-width: 1023px) {
    .skin-grayish .navi-menu-content .menu-close-button {
        text-align: right;
        font-size: 1.6em;
    }
}

/*ヘッダーの調整*/
/*ーーーーーーーーーーーーーーーー
 * 

/*固定ページの投稿日非表示:追記*/
.type-page .date-tags {
  display: none;
}

/*ロゴボタンサイズ*/
.skin-grayish .logo-menu-button img {
	object-fit:contain;
}

/*検索ボタントル*/
.skin-grayish ul>li.search-menu-button.menu-button{
	display:none;
}

/*（TOPページ以外）ロゴとヘッダーの高さ調整*/
.skin-grayish:not(.front-top-page) .header-container-in{
	padding:0 20px;
	display:flex;
	align-items:center;
}

.skin-grayish:not(.front-top-page) .header {
	width:30%;
}
.skin-grayish:not(.front-top-page) .navi>.navi-in {
	width:70%;
}

/*モバイル用___1023px以下*/
/*ーーーーーーーーーー*/
@media screen and (max-width: 1023px){
	
/*セクションTOPの余白トル*/
	.no-sidebar .content .main {
		margin-top: 60px;
    }
	
/*ロゴボタン左寄せ*/
	.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons .logo-menu-button.menu-button{
		justify-content:left;
	}
/*ロゴ画像サイズ調整*/
		.skin-grayish .logo-menu-button img  {
		width:calc(2950px /11);
		}
/*ボタン順反転*/
	.skin-grayish .mobile-menu-buttons {
		display:flex;
		flex-direction: row-reverse;
	}
	
/*ヘッダー高さ*/
	.skin-grayish .mobile-header-menu-buttons.mobile-menu-buttons {
		height: 60px;
	}
	.no-sidebar .content .main {
		margin-top:60px;
	}
}

/*モバイル用のヘッダーボタンサイズ*/
.mobile-menu-buttons .menu-icon {
	font-size:32px;
}

.skin-grayish .navi-menu-content .menu-close-button {
	font-size:32px;
}



/*ーーーーーーーーーーーーーーーー
/*TOPページ*/
/*ーーーーーーーーーーーーーーーー
/*メインビジュアルの高さ*/
.skin-grayish.front-top-page .container .header-container .header{
	height:600px;
}

 /* 背景画像を常に中央に配置 */
.appeal, .header, body {
  background-position: center;
}

/*見出しの調整*/
body.front-top-page h2 {
	font-size:32px;
	text-align: left;
}
body.front-top-page h2::before{
	display:none;
}

body.front-top-page h3 {
	font-size:24px;
	border-bottom:none;
	background-color:#fff;
	position: relative;
	margin:0;
}
body.front-top-page h3::before{
	border:none;
	display: block;
}

/*活動報告セクション*/
/*ーーーーーーーーーーーーーーーー*/

/*paddingトル*/
@media screen and (max-width: 834px) {
    .article ul {
      padding-left: 0px;
    }
}

/* 本文の文字サイズ*/
.report-contents  p{
	font-size:14px;
}

/* 画像とテキストの並び*/
@media screen and (max-width: 650px){
	.report-contents {
		flex-direction:column;
	}
}



/*ーーーーーーーーーーーーーーーー
/*アーカイブページ*/
/*ーーーーーーーーーーーーーーーー

/*カードの調整*/
.archive .main .list article {
  display:flex;
	flex-direction:row;
	align-items:center;
}

.archive .main .list article  figure {
	width:30%;
}

.archive .main .list article .entry-card-content{
	text-align:left;
	margin-left:10px;
	width:70%;
}


/*ーーーーーーーーーーーーーーーー
/*お知らせページ*/
/*ーーーーーーーーーーーーーーーー
/*カードの調整*/
.blog .main .list article {
  display:flex;
	flex-direction:row;
	align-items:center;
}

.blog .main .list article  figure {
	width:30%;
}

.blog .main .list article .entry-card-content{
	text-align:left;
	margin-left:10px;
	width:70%;
}


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

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

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