@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

/*SNSシェアボタンCSS*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

.share-button:hover{
	font-size: 25px; /*マウスオーバー時のアイコンサイズ*/
}

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

.follow-button:hover{
	 font-size: 25px; /*マウスオーバー時のアイコンサイズ*/
}

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

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

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

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


/***********Cocoon投稿記事下の関連記事のスクロールバーカスタマイズ****************/
.under-entry-content .widget-related-entry-cards{
  white-space: nowrap;
  overflow-x: scroll;
}

.under-entry-content .widget-related-entry-cards::-webkit-scrollbar{
    width: 8px !important;
    height: 8px !important;
}
.under-entry-content .widget-related-entry-cards::-webkit-scrollbar-thumb{
    background-color: rgba(170,170,170,0.62);
}
.under-entry-content .widget-related-entry-cards::-webkit-scrollbar-track{
    background-color: rgba(170,170,170,0.38);
}

.under-entry-content .widget-related-entry-cards .a-wrap{
    display: initial;
}

.under-entry-content .widget-related-entry-card-link{
  width: 200px !important;
  display: inline-block !important;
  margin: 0 0.3em;
  height: 220px;
  overflow-y: hidden;
  overflow-x: hidden;
}

/*480px以下*/
@media screen and (max-width: 480px){
	.under-entry-content .widget-related-entry-card-link{
	  height: 220px;
		vertical-align: top;
	}
}

.under-entry-content .widget-related-entry-card-link .widget-related-entry-card-thumb{
  float: initial;
}

.under-entry-content .widget-related-entry-card-link .widget-related-entry-card-content{
  margin: 0.5em 0;
  white-space: normal;
  font-size: 0.8em !important;
  text-align: center;
}

.under-entry-content .widget-related-entry-card-link img{
  width: 200px !important;
  height: 140px !important;
  max-width: initial;
  max-height: initial;
}