/*
Template: cocoon-master
Theme Name: cocoon-child-master
Description: SEO・高速化・モバイルファースト最適化済みの無料テーマ。
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon
Version: 2.4.0
Requires at least: 5.7.0
Requires PHP: 5.6.0
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/************************************
** すべてのページのタイトルを非表示にする
************************************/
.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:#ffffff;/*ヘッダーメニューの背景色を変更*/
}

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

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

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

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

/*アピールエリアモバイル版高さ*/
@media screen and (max-width: 768px){
  #appeal .appeal-in{
    min-height: 200px;
  }
}  

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

.logo-menu-button.menu-button{
	background-color: #FFE200;
	height: 55px;
}

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

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

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-2 .date-tags,
.post-42 .date-tags,
.post-156 .date-tags,
.post-730 .date-tags,
.post-749 .date-tags,
.post-515 .date-tags,
.post-813 .date-tags,
.post-824 .date-tags,
.post-879 .date-tags,
.post-887 .date-tags,
.post-892 .date-tags,
.post-896 .date-tags,
.post-1092 .date-tags,
.post-1209 .date-tags,
.post-1225 .date-tags,
.post-1315 .date-tags,
.post-1337 .date-tags,
.post-1368 .date-tags,
.post-1428 .date-tags,
.post-1486 .date-tags,
.post-1488 .date-tags,
.post-1570 .date-tags,
.post-1683 .date-tags,
.post-1685 .date-tags,
.post-1783 .date-tags,
.post-1825 .date-tags,
.post-1974 .date-tags,
.post-2075 .date-tags,
.post-2396 .date-tags,
.post-2672 .date-tags,
.post-2835 .date-tags,
.post-2988 .date-tags,
.post-2433 .date-tags,
.post-4351 .date-tags,
.post-4772 .date-tags,
.post-4776 .date-tags,
.post-4842 .date-tags,
.post-5047 .date-tags,
.post-5052 .date-tags,
.post-5105 .date-tags,
.post-5106 .date-tags,
.post-5567 .date-tags,
.post-5595 .date-tags,
.post-3209 .date-tags,
.post-5888 .date-tags,
.post-6206 .date-tags {
  display: none;
}

/*---------------------------------
固定ページのSNSボタンシェアボタンを非表示にする
--------------------------------*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*セカンダリー*/
.secondary-box {
	background-color: #FFE200;
}

/* ワーニング */
.warning-box {
background-color: #FFFF99;
color: #333;
}
/*---------------------------------
背景画像左右幅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-283 .main {
	border-top: 0;
    padding-top: 0;
}

/************************************
カルーセル カスタマイズ
************************************/
.carousel .carousel-in {
  background-color: #ffec5c; /*カルーセル全体背景色*/
}
.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius: 6px; /*角丸コーナー*/
}
.carousel-entry-card:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
  transition: all .3s ease;
}

.carousel .slick-track {
  padding: 10px 0;
  border: dotted 2px #feb606;
}

.carousel .slick-arrow:before {
  color: #feb606;
  font-size: 28px;
}

.card-title {
  color: #222222;
}

/*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;
}