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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
/************************************
** ブログカード
************************************/
/*内部ブログカードのフッター非表示*/
.internal-blogcard-footer{
display:none;
}
/*背景色＋枠線*/
.blogcard{background:#fff;/* border: 1px solid #999999 !important;*/
}
/**********************区切り線******************************/

.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
  max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
  font-size: 70%;
  margin-top:0pt;
  margin-bottom:3px;
  text-align: right;
  padding-right:6px;
}
.apple{
height:98vh;
background-position:center;
}
.appeal-in{
width:100%;
height:98vh!important;
}
.appeal-content {
background-color:transparent;/*ロゴ部分の背景色を透明にしている*/
}
.appeal-logo{
width:200px;/*ロゴの大きさ*/
}
/************************************
** ●全画像のホバー時エフェクト処理
************************************/
a:hover img{
  opacity: 0.6; /*不透明度*/
  transition: all 0.8s ease; /*アニメーション*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#main .entry-content > .wp-block-image {
  margin: 0;
}
}