@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){
  /*必要ならばここにコードを書く*/
}
/*---------------------------------
固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-50 .date-tags,
.post-17 .date-tags,
.post-2 .date-tags,
.post-28 .date-tags,
.post-25 .date-tags,
.post-23 .date-tags {
  display: none;
}.entry-title {
display: none;
}
/*---------------------------------
ページ全体がふわっとフェードイン
--------------------------------*/
#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}
/*---------------------------------
下線の位置調整
--------------------------------*/
.underline {
  text-decoration: underline;
  text-underline-offset: 7px;
}
/*固定ページで一番下に
ホームに戻るボタン消す*/
#breadcrumb {
  display: none
}
/************************
/ SNSフォローボタン
/************************/
#container .sns-follow .sns-buttons a{
background-color: #ffffff; /*背景色*/
color: #000000; /*文字色*/
font-size: 18px; /*ロゴサイズ*/ 
border: 0;
}
/*サムネイルの左上に表示されるカテゴリーを消す*/
.cat-label {
display: none;
}
/*画像スライダーアニメーション*/
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height:300px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:400px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/*固定ページの日付を非表示*/
.post-760 .date-tags,
.post-633 .date-tags,
.post-1755 .date-tags {
display: none;
}