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

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


/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 2カラム表示にする
**********************************************/
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
width:49.5%;
height:auto;
display: inline-flex;
}

.widget-entry-cards.not-default figure img {
padding: .5em;
}

.widget-entry-cards.card-large-image .a-wrap {
font-size: 95%;
text-align: left;
padding:.5em;
}

/*トップページの新着記事など(付箋)*/


.husen-halloween{
	display: inline-block;
    position: relative;
    padding: 0.3em 1em;
	min-width:230px;
    background-color: #f5f5f5;
	border-right: 27px solid orange;
    color: #333333;
	font-weight:bold;
	margin: 0px 0px 10px 8px;
}
.husen-halloween::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}

/* 横線 */
.hhr{margin:0px 0px 23px 0px;}


/* reCAPTCHA 非表示 */
.grecaptcha-badge { visibility: hidden; }

/* 時刻表ブルーアンカー駅 */

.timetable table{}
.timetable td{white-space: nowrap; text-align:center; }



/* SNSボタンを小さく */
.sns-share a {
	width: 2.3em;
	margin-left: 0.3em;
}
.sns-share-buttons {
	justify-content: center;
}
#main .button-caption {
	display: none;
}
#main .social-icon {
	font-size: 24px;
}
.addtoany_content { text-align:center;　justify-content: center;}

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

	/*ハンバーガーメニューと検索*/
  .mobile-menu-buttons .menu-caption{
    display: none;
  }
  .mobile-menu-buttons{
    align-items: center;
  }

}

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

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.fp-new-entry-cards .new-entry-card-link.a-wrap {
	width:98%;
	display: inline-flex;
			margin: 0px auto;
}
}


/*YouTube動画の中央配置*/
.video-container{
	margin: 0px auto;
	max-width:100%;
}

/*サイドバーの文字サイズ変更*/
.sidebar {
font-size: 88%;
}