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

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

.header-container {
background-color: #000000;
}
#header-container .navi {
background-color: transparent;
}
 #main, #footer {
background: transparent;
}
.navi-in .menu-header .item-label {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.1em
}
#navi .navi-in > ul li{
	height: 40px;
	line-height: 40px;
}
/*メニューバーの文字色変更*/
.navi-in a:hover {
  color: #00C9DD !important;
  background: transparent;
}
#header-container #navi a{
   color:#808080; /*文字色*/
}
/*投稿のマウスオーバー*/
.post {
  color: #FFFFFF;
}
.a-wrap:hover {
background-color: rgb(255 255 255 / 20%);
transform: translateY(-0.5px);
transition: all 0.5s ease;
}
/*モバイルヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #000000;
	color: #a0a0a0;
}
.logo-menu-button.menu-button{
	background-color: #000000;
}
/*モバイルメニューボタン*/
.mobile-menu-buttons{
    color: #fff; 
    background-color: #000000;	
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
/*右からスライドメニュー*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
/* モバイルスライドインメニュー */
.fa-times {
color: #000057;/* 閉じるボタンの色 */
font-size: 0.3em;
}
ul.menu-drawer:before {
background-color: #ffffff;/* Menu背景色 */
font-size: 1.0em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: #333;/* 文字色 */
font-size: 1.0em;
font-weight: 600;
}
.menu-drawer a:hover {
background-color: #eff8f9;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right:3px;
}
.sub-menu li {
font-size: 0.8em;
}
/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  background: none; /* 背景色を削除 */
  border: none;     /* 枠線を削除 */
  border-radius: 0; /* 角丸を削除 */
  margin-top: 0;
  margin-bottom: 0;
}


.article h6 {
padding: 0.5em 0;/*上下の余白*/
border-top: solid 1px #ffffff;/*上線*/
border-bottom: solid 1px #ffffff;/*下線*/
}



/*モバイル画面で動画比率キープ*/
.image-size-fix {
  padding:0 0 calc(840/1280*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  top: 40%;
}
/*投稿ページのタイトルを中央寄せ*/
.single .entry-title {
text-align: center;
}
/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}
/*固定ページのタイトルを中央寄せ*/
.entry-title {
text-align: center;
}
/*固定ページのタイトル非表示*/
h1.entry-title{
 display: none;
}
/* 投稿ページだけタイトルを非表示にする */
.post .entry-title {	
    display: none;
}
/*MENUにサイト名非表示*/
.site-name-text {
display: none;
}
/*カバーブロックでのサイズ調整*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
  margin: 0 calc((100% - 100vw)/2) 1.5em;
  min-height: 630px;
  width: auto;
}
.wp-block-archives label {
    display: none;
}
.aufgusser .post-date{
  display:none;
}
/*ページをフェードイン表示する*/
.body {
	animation: fadein 0.5s forwards; /*アニメーション指定*/
}
@keyframes fadein {
	0% {opacity: 0} /*アニメーション開始時*/
	100% {opacity: 1} /*アニメーション終了時*/
}
/*インデックスカード タイトル文字色*/
.entry-card-title,
.e-card-info > span{
color: #d3d3d3;
 font-size: 12px;
}
/*もっと見るボタン*/
.p-button {
    max-width: 200px;
    margin: 0 auto;
}
.p-button a {
    display: block;
    margin:10px 0;
    padding: 0.6em 0.8em;
    border-radius: 2em;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background: #49a1ad; /* 「もっと見る」ボタンの色*/
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
/*戻るボタン*/
.go-to-top-button {
	width: 1.5em;
	height: 1.5em;
	font-size: 3em;
	border-radius: 50%;
}
/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		visibility: hidden;
	}
}
a{
text-decoration: none;
}
/*ヘッダーの下の線(影)消す*/
@media screen and (max-width: 1023px){
    .mobile-header-menu-buttons {
        box-shadow:none;
    }
}
/*top画像の文字サイズ*/
.large-thumb .widget-entry-card-title {
  font-size: 14px;
}
/*次のページ非表示*/
.pagination-next {
 display: none;
}
/*ページネーションのデザイン*/
.page-numbers {
 border-radius: 0;
 border: 0;
 color: #000000;
 font-size: 14px;
}
.page-numbers.dots {
 background-color: #606060;
}
.page-numbers { 
background-color:#606060;
color:#000000;

/************************************
** ■次の記事／前の記事のフォント
************************************/
.prev-post.a-wrap.cf,
.next-post.a-wrap.cf{
  font-size: 14px; /*フォントサイズ*/
  font-weight:bold; /*文字強調*/
    color:#ffffff;
}
/* スマホでのフォントサイズ */
@media screen and (max-width: 480px){
  .prev-post.a-wrap.cf,
  .next-post.a-wrap.cf{
    font-size: 12px; /*フォントサイズ*/
    font-weight:bold; /*文字強調*/
    color:#ffffff;
  }
}



	
	
	
	
	
	
	

	

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

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

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