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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#main, #footer {
  background: transparent;
}

.date-tags {
  display: none;
}
.entry-title {
  display: none;
}

/*マウスオーバー*/
.zoom-out {
  width: 100%;
}
.zoom-out-img {
  background: transparent;
  overflow: hidden;
  cursor: pointer;
}
.zoom-out-img img {
  width: 100%;
}
.zoom-out-img img {
  transform: scale(1.3);
  transition: .3s ease-in-out;
}
.zoom-out-img:hover img {
  transform: scale(1)
}

/* eyecatch画像の非表示 */
.eye-catch {
display: none;
}

/* = Selected Text
----------------------------------------------- */
::selection {
  background:#b4ccfa; /* Safari */
}

::-moz-selection {
  background:#b4ccfa; /* Firefox */
}

/************************************
/* レイアウトや見た目のスタイル */
/* ---------------------------- */

.single-item + .single-item{
    margin-top: 80px;
}

/* アニメーションスタイル */
/* ---------------------------- */

/* アニメーション前 */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

/************************************
** 背景色設定
************************************/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
background-color: #D7EEFF; /*背景色*/
color: #fff; /*フォントカラー*/
transition: all 0.5s ease;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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