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

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

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

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

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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/*モバイルリッジメニュー変更*/
.slicknav_menu {
	background-color:#ff8ca1;/*ヘッダーメニューの背景色を変更*/
}

.slicknav_menu .slicknav_menutxt {
	color:#555;/*ヘッダーメニューボタンのフォントの色を変更*/
	text-shadow:none;/*ヘッダーメニューボタンのテキストの影を非表示*/
}

.slicknav_btn {
	background-color:#ff8ca1;/*ヘッダーメニューボタンの背景色を変更*/
	box-shadow:0 3px 6px rgba(0,0,0,0.2)/*ヘッダーメニューボタンに影をつける*/
}

/*モバイルヘッダーの色と高さ、アイコンの位置を調整*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ff8ca1;
	color: #FFFFFF;
	height: 50px;
	padding-top: 8px;
}

/*ヘッダーメニューボタンの背景色を変更*/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
  color: #000000;
  background-color: #ff8ca1;
}

/*モバイルスライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #ff8ca1;
	transform: translateX(101%);
}

/*モバイルスライドインメニュー文字色*/
.menu-drawer a {
	color: #222222;
}

/*幅広全幅
.entry-body .alignfull {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: #8FC1F0;
    max-width: 100vw;
}

/*---------------------------------
背景画像左右幅100%
--------------------------------*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
  margin: 0 calc((100% - 100vw)/2) 1.5em;
  min-height: 600px;
  width: auto;
}

/*---------------------------------
ブロック間の余白をなくす
--------------------------------*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	padding: 20;
}

/*---------------------------------
アピールエリア下の余白をなくす
--------------------------------*/
.page-id-18 .main {
	border-top: 0;
    padding-top: 0;
}

/*---------------------------------
本文下の余白をなくす
--------------------------------*/
#main .post, #main .page {
    margin-bottom: 0px;
}
.entry-content {
    margin-bottom: 0px;
}

/*---------------------------------
フッターの余白をなくす
--------------------------------*/
.footer {
	margin-top: 0;
	padding-top: 0;
}

/************************************
** サイトタイトル非表示
************************************/

.site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニューのとき*/
.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}

/*端末幅が768px以下のとき*/
@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}

/*端末幅が480px以下のとき*/
@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-11 .date-tags,
.post-15 .date-tags,
.post-18 .date-tags,
.post-21 .date-tags,
.post-347 .date-tags,
.post-349 .date-tags,
.post-354 .date-tags,
.post-359 .date-tags,
.post-363 .date-tags,
.post-450 .date-tags,
.post-508 .date-tags,
.post-526 .date-tags,
.post-528 .date-tags,
.post-894 .date-tags,
.post-966 .date-tags,
.post-1007 .date-tags,
.post-1130 .date-tags,
.post-1386 .date-tags,
.post-1421 .date-tags,
.post-1449 .date-tags,
.post-1521 .date-tags,
.post-1534 .date-tags,
.post-1634 .date-tags,
.post-1655 .date-tags,
.post-1720 .date-tags,
.post-1784 .date-tags,
.post-191 .date-tags {
  display: none;
}

/*---------------------------------
複数の固定ページのタイトルを非表示にする
--------------------------------*/
.post-1007 .entry-title,
.post-1421 .entry-title,
.post-1449 .entry-title,
.post-1521 .entry-title,
.post-1534 .entry-title,
.post-1784 .entry-title,
.post-1386 .entry-title{
  display: none;
}

/*特定の固定ページのヘッダー画像を変える*/
.page-id-18 .header {
	background-image: url("https://workstyle-expo.com/wp-content/uploads/2024/01/20240105_女性の働き方EXPOヘッダー-min.png");
}

/*特定の固定ページのヘッダー画像を消す*/
.page-id-11 #header {
  display:none;
}

/*投稿ページのヘッダー非表示*/
.single #header {
		display: none;
}

/*YouTube動画の中央配置*/
.video-container{
margin: 0px auto;
}

/* 背景色を白で統一 */
body,
#header-container,
#main,
#container {
    background-color: #ffffff !important;
}

/* ページ上下の余白もリセット */
#header-container,
#main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}