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

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

************************************/
/*必要ならばここにコードを書く*/

.page .main, .page .sidebar {
  background-color: transparent;
  box-shadow: none;
}

.share-menu-button.menu-button{
	padding-top: 8px;
}

.navi-menu-button.menu-button{
	padding-top: 8px;
}

.logo-menu-button.menu-button{
	padding-top: 0px;
}


body {
    background-color: #000000;
}
text {
	color: #fff;
}
.header-container, .main, .sidebar, .footer {
    background-color: #000000;  
　　color:f#fff;
}
.site-name-text-link {
    color: #fff;  
}
.a-wrap {
    color: #fff;
}
.site-name-text-link {
    color: #fff;   
}
.sidebar {
    background-color: #000;
}


.widget_recent_entries ul li a, 
.widget_categories ul li a, 
.widget_archive ul li a, 
.widget_pages ul li a, 
.widget_meta ul li a, 
.widget_rss ul li a, 
.widget_nav_menu ul li a {
 color: #fff;
}

.box-menu{
box-shadow:none;
}




/*コンテンツエリア*/
.appeal-content {
	background-color:transparent; /*デフォルトの背景色無効化*/
}

/*ボタン（アイコン部分）*/
.appeal-button{
	background-color:initial; /*ボタンの背景色無効化*/
	font-size:.8em; /*文字を少し小さく*/
	color:#ffffff;/*アイコンの色はここで設定*/
}

/*アイコンを追加*/
.appeal-button:before{
	display:block;
	font-family: "Font Awesome 5 Free";
	font-weight:bold;
	content: "\f103"; /*アイコン指定*/
	font-size: 1.5em; /*アイコンの大きさ*/
	animation: move 1s infinite alternate ease-in-out; /*アイコンをゆっくり動かす*/
}

/*アイコンを下に配置する場合はこのCSSを追加*/
.appeal{
	position:relative;/*ここを起点に*/
}

.appeal-button{
	position: absolute;/*アイコンを配置する*/
	bottom: 35px;/*下から30pxの位置*/
	left: 50%;/*中央寄せにする*/
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.page-id-1076 .entry-title,
.page-id-1076 .sns-follow,
.page-id-1076 .date-tags,
.page-id-1076 .author-info{
  display: none;
}

.page-id-1101 .entry-title,
.page-id-1101 .sns-follow,
.page-id-1101 .date-tags,
.page-id-1101 .author-info{
  display: none;
}

.page-id-28 .entry-title,
.page-id-28 .sns-follow,
.page-id-28 .date-tags,
.page-id-28 .author-info{
  display: none;
}

.page-id-1053 .entry-title,
.page-id-1053 .sns-follow,
.page-id-1053 .date-tags,
.page-id-1053 .author-info{
  display: none;
}

.page-id-924 .sns-follow,
.page-id-924 .date-tags,
.page-id-924 .author-info{
  display: none;
}

.page-id-26 .entry-title,
.page-id-26 .sns-follow,
.page-id-26 .date-tags,
.page-id-26 .author-info{
  display: none;
}

.page-id-1104 .entry-title,
.page-id-1104 .sns-follow,
.page-id-1104 .date-tags,
.page-id-1104 .author-info{
  display: none;
}

.page-id-1072 .entry-title,
.page-id-1072 .sns-follow,
.page-id-1072 .date-tags,
.page-id-1072 .author-info{
  display: none;
}

.page-id-927 .entry-title,
.page-id-927 .sns-follow,
.page-id-927 .date-tags,
.page-id-927 .author-info{
  display: none;
}

.page-id-24 .entry-title,
.page-id-24 .sns-follow,
.page-id-24 .date-tags,
.page-id-24 .author-info{
  display: none;
}

.page-id-62 .entry-title,
.page-id-62 .date-tags,
.page-id-62 .author-info{
  display: none;
}

.page-id-29 .entry-title,
.page-id-29 .sns-follow,
.page-id-29 .date-tags,
.page-id-29 .author-info{
  display: none;
}

.page-id-30 .entry-title,
.page-id-30 .sns-follow,
.page-id-30 .date-tags,
.page-id-30 .author-info{
  display: none;
}

.page-id-724 .entry-title,
.page-id-724 .sns-follow,
.page-id-724 .date-tags,
.page-id-724 .author-info{
  display: none;
}

.page-id-844 .entry-title,
.page-id-844 .sns-follow,
.page-id-844 .date-tags,
.page-id-844 .author-info{
  display: none;
}

.page-id-72 .entry-title,
.page-id-72 .sns-follow,
.page-id-72 .date-tags,
.page-id-72 .author-info{
  display: none;
}

@keyframes move{
  from {
	  transform: translateY(0);
  }
  to {
	  transform: translateY(10px);
  }
}



.box-menu{
border: 0px solid #F8F8F8;
border-radius: 4px;
padding: 0;
min-height: 0;
box-shadow:none;
}

.box-menu-icon img{
transition:0.3s all;
}

.box-menu-icon img:hover{
transform:scale(1.2,1.2);
transition:0.8s all;
}

.box-menu-label,
.box-menu-description{
display: none;
}

.box-menu-icon *{
margin: 0;
max-width: 100%;
max-height: 300px;}



@media screen and (max-width: 768px){
  .column-wrap{
    flex-direction: row;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .column-wrap{
    flex-direction: column;
	}


/*スムーズにスクロール*/
html { scroll-behavior: smooth;}



/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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