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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 方法1: クラス名をより具体的に指定 */
.header-container .header-title-in h1.logo-title a,
.header-container .header-title-in p.logo-title a,
.header-container .site-name-text,
.site-title a,
.site-title-bottom a {
  /* アニメーションを適用 */
  animation: fontWeightPulse 6s cubic-bezier(0.4, 0, 0.2, 1) 3;
  animation-fill-mode: forwards;
  display: inline-block;
  
  /* スムーズな変化のため */
  transition: font-weight 0.3s ease;
  
  /* もしバリアブルフォントが使えない場合に備えて通常のfont-weightも設定 */
  font-weight: 100;
}
/* JavaScript不要のfont-weightアニメーション */
@keyframes fontWeightPulse {
  0%, 100% {
    font-weight: 100;
    letter-spacing: 0;
  }
  25% {
    font-weight: 300;
    letter-spacing: 0.02em;
  }
  50% {
    font-weight: 900;
    letter-spacing: 0.04em;
  }
  75% {
    font-weight: 300;
    letter-spacing: 0.02em;
  }
}


.mobile-footer-menu-buttons {
	display: none;	
}
.fa, .fas {
	display: none;	
}
@media screen and (max-width: 1023px) {
  .skin-grayish .mobile-menu-buttons .menu-caption {
    display: none !important;
  }
}
.skin-grayish .sidebar h3 {
font-size: 16px;
}
input[type=submit] {
background-color: #DDDDDD;
}

.btn3 {
	position: relative;
}
.btn3::before {
	content: "";
	display: block;
	width: 60px;
	height: 1px;
	background: #666;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto;
}


.skin-grayish.front-top-page .skinadd-topmv-scroll::before {
border: solid #fff;
	border-width: 0px 0px 1px 1px;
}

.page .date-tags {
display: none;
}
.btn2 {
	background: #666;
}
.btn2 a {
	color: white;
}
.skin-grayish .article-footer .entry-categories .cat-link {
	
display: none;
}
.skin-grayish .article-footer .entry-tags .tag-link {
	display: none;
}
.badge-grey {
    /* Increase padding to make the element larger */
    padding: 8px 12px; /* Adjust these values as needed */
    
    /* Increase font size */
    font-size: 16px; /* Adjust this value as needed */
    
    /* If you want to maintain the current look but just larger, keep these properties */
    background-color: #808080; /* Grey background */
    color: white; /* White text */
    border-radius: 4px; /* Rounded corners if present */
    display: inline-block;
}