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

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

/* ファイルリンク変更 2022-11-20追加*/
.wp-block-file:not(.wp-element-button) {
    font-size: 1em !important;
}
.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: .8em;
    padding: 0.5em 1em;
}

/* メインメニュー下の余白カット */
.content {
	margin-top: 0px !important ;
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 1em;
}

/* 記事タイトル装飾 */
h1.entry-title {
	padding: 10px 20px;
	background: #eeeeff;
	border: solid 1px #005fb2;
	border-radius: 8px;
	color: #005fb2;
	margin-bottom: 1.5em;
}


/* フッターメニューの調整 */
.footer-in h3 { padding: 0px; }

.menu-kyoukai-link-container, /*協会リンクメニュー*/
.menu-mf-link-container { /*卓球メーカーリンクメニュー*/
	line-height: 1em ;
	padding-left: 20px ; 
	margin-top: 10px ;
}
.menu-footer-container { /*インデックス用*/
	line-height: 1em ;
	font-size: 0.9em ;
	margin-top: 10px ;
	padding-left: 20px ;
}


/*トップページ タイトル非表示*/
.front-top-page #main .entry-title{
  display: none;
}


/*固定ページには更新日付非表示*/
.post-68 .date-tags,
.post-1142 .date-tags,
.post-1148 .date-tags,
.post-1107 .date-tags,
.post-1117 .date-tags,
.post-1115 .date-tags,
.post-1113 .date-tags,
.post-1137 .date-tags,
.post-1335 .date-tags,
.post-1337 .date-tags {
display: none;
}

.scrollable-table th {
	line-height: 1.2em;
}

/* モバイル用改行 */
.br-mb { display:none; } /* pcでは改行なし */

/* タブ見出しボックスだけ幅を狭く */
.tab-caption-box {
width: 70% !important;
margin: 0 auto;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

	.header div.header-in {
        	min-height: auto;
			margin-bottom: 10px;
	}

	/* タブ見出しボックスだけ幅を狭く　タブレットは80% */
	.tab-caption-box {
	width: 80% !important;
	margin: 0 auto;
	}
	

}

/*834px以下*/
@media screen and (max-width: 834px){
	/*必要ならばここにコードを書く*/
	
	/* モバイル用改行 */
	.br-mb { display:block; } /* mobileでは改行 */

	/* ヘッダー以下の隙間カット */
	.main {
		margin-top: 0px !important ;
	}

	.scrollable-table th {
    font-size: 1em;
	line-height: 1.2em;
	}

	/* タブ見出しボックスだけ幅を狭く　モバイルは90% */
	.tab-caption-box {
	width: 90% !important;
	margin: 0 auto;
	}
	
}


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

	main.main, div.sidebar {
    padding: 0px 10px;
    margin: 12px 0;
    border-width: 0;
  }

}