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

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

/************************************
** ボックスメニュー
************************************/

@media screen and (min-width: 480px){
.wwa .box-menu{
	width: calc(100%/4);
	}	
}

.box-menu-icon{
	color: #6495ed;
}

.box-menu-label{
	color: #696969;
}

/************************************
 ** reCAPCHAのロゴ非表示設定
*************************************/

	.grecaptcha-badge { visibility: hidden; }

/************************************
 ** 内部リンクスムーズスクロール
*************************************/

html {
  scroll-behavior: smooth;
}

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

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

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


/***************************************
**カテゴリー（インデックス一覧）のサムネイルサイズ変更
***************************************/
.entry-card-thumb {
	width: 25%;
}

.entry-card-content.card-content.e-card-content{
    width: 70%;
    margin-left: auto;

}


/***************************************
**プロフィールの名前に係る青字と下線を消す
***************************************/
.author-box .author-name a {
    text-decoration: none;
    color: #333;
} 

/***************************************
**流れる通知
***************************************/
.notice-area {
    width: 100%;
    overflow: hidden;
    padding-top: 50;
    padding-bottom: 50;
}
.notice-area span {
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    animation: marquee 12s linear infinite;
	font-weight: bold;
	font-size: 16px;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }    
    100% {
        transform: translateX(-100%);
    }
}


/***************************************
**SNSシェアアイコンのみ表示
***************************************/
.ss-top .button-caption {
  display: none;
}
.ss-bottom .button-caption {
  display: none;
}

/***************************************
/*COCOONプロフカード：SNSアイコンのサイズ設定
***************************************/
.widget_author_box .sns-follow-buttons.sns-buttons a{
	width:1.8rem;  /*アイコン枠の横幅*/
	height:1.8rem;  /*アイコン枠の高さ*/
}
.widget_author_box .sns-follow-buttons.sns-buttons a span{
	font-size:1.5rem;  /*アイコンフォントのサイズ*/
}

/***************************************
**SNSシェアアイコンのサイズ
***************************************/
.ss-bottom a span{
	font-size:1.5rem;  /*アイコンフォントのサイズ*/
}

/********************
 ****  広告のCLS 改善****
 ********************/
.cls {
  min-height: 250px;
}