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

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

/* アピールエリアの高さ幅変更 */
#appeal {
    height: calc(100vw * calc(800 / 1600));
}


/* メニューバー背景の高さ */
.navi-in>ul li {
height: 100px;
line-height: 100px;
margin: 0px;
}


#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-buttons {
	flex-wrap: nowrap;	/*折り返さない*/
	justify-content: start;		/*左寄せ*/
/*	justify-content: center;*/		/*真ん中*/
/*	justify-content: flex-end;*/		/*右寄せ*/

}
.sns-share-buttons a {
	border-radius: 50%;	/*丸くする*/
	font-size: 20px;	/*丸枠の中の、アイコンのサイズ*/
	margin: 4px;		/*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 35px;			/*ボタンの横幅*/
	height: 35px;			/*ボタンの高さ*/
	margin-bottom: 0.5em;	/*ボタンの下の余白を、0.5文字分にする */
}




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

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

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

.entry-title {
display: none;
}