@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){
  /*必要ならばここにコードを書く*/
}

/* プロフィール全体 */
.nwa .author-box {
  border: none;
  padding: 0 20px;
  font-size: 14px;
}

.author-description{
  margin-bottom: 16px;
}

.author-box .sns-follow-buttons a.follow-button:hover{
  transform: scale(1.2); /* 1.2倍の大きさに */
}

img[class*="wp-image-"][style*="height\:"] {
  height: auto !important;
}

.wwa .box-menu {
	width: calc(100%/4);
}

@media screen and (max-width: 599px){
.wwa .box-menu {
	width: calc(100%/4);
}
.wwa .box-menu-label{
	font-size: 8px;
}
.wwa .box-menu-icon img {
    max-width: 32px;
}
}
/* 水平線、点線 */
hr.dot {
  border: none;
  border-top: 1px dotted #999;
}

p.editor-profile {
  font-size: 14px;
}

.popular-entry-ranking.rank-1 {
  transform: scale(1.05);
  font-size: 110%;
  border: 2px solid #f39c12;
  background-color: #fffbea;
}

.popular-entry-ranking.rank-2,
.popular-entry-ranking.rank-3,
.popular-entry-ranking.rank-4,
.popular-entry-ranking.rank-5 {
  opacity: 0.85;
  font-size: 90%;
}