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

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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*マウスオーバー時にリンクを半透明に光らせる*/
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.page .sns-share,
.page .sns-follow {
    display: none;
}
/** 画像開始 **/
.card-thumb {
    overflow: hidden;
}
.card-thumb img {
    transition: all .1s ease-out 0.1s;
}
.card-thumb img:hover {
    transform: scale(1.2,1.2);
    transition: all .1s ease-out 0.1s;
}
/** 画像終了 **/
/*サイドバーランキング順位　ここから*/
.wpp-list {
    counter-reset: wpp-ranking;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
.wpp-list li {
  position: relative;
  list-style-type: none;
}
.wpp-list li::before {
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  background: #e52424;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.wpp-list li img {
  margin: 0px 5px 10px 0px;
}
/*---cocoonモバイルメニューのカスタマイズ---*/
.mobile-menu-buttons {
  background: #000000;/* メニューの背景色 */
  box-shadow:0 -2px 6px gray;/* メニューに影をつける */
}
.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{
  color: #ffffff;/* メニューのテキストの色 */
}
.mobile-menu-buttons .menu-button:hover {
  background: #999999;/* メニューの背景色(選択時) */
}
.top-menu-button a:hover,
.home-menu-button a:hover,
.mobile-menu-buttons :hover,
.menu-button:hover {
	color: #ffffff;/* メニューのテキストの色(選択時) */
}
.mobile-menu-buttons .menu-content{
  color: #333;/* サイドメニューの表示色が変わるのを防ぐ */
}
/*-------------------------------------*/
/* Newpost Catch */
 
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
}
#npcatch img{
         float:left;
         padding:5px 10px 0 0;
}
#npcatch .title a{
         font-weight: 700;
         text-decoration: none;
}
#npcatch .date {
         font-size: small;
         font-weight: 600;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}