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

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



/* 奇数行の背景色 */
.entry-content tr:nth-child(odd) td {
	background-color: #f5f5f5;
}

/* 偶数行の背景色 */
.entry-content tr:nth-child(even) td {
	background-color: #ffffff;
}

/* ヘッダーを固定する設定 */
.scrollable-table th {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
   z-index: 2;
 }








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

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

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

/************************************
** ブログカード　22/6/25　
************************************/

/* 続きを読む*/
.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 90%;
	background-color: #ff7f50; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/* 文字を消す*/
.blogcard-snippet{
display:none;
}

/* サイト名を消す*/
.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}


/************************************
** スタートページのH1を非表示　22/6/28
************************************/
.front-top-page #main .entry-title{
  display: none;
}


/************************************
** テーブル
cocoon設定→本文→テーブルとの兼ね合い
************************************/

/* 一番左の列の固定 */
.wp-block-table tbody tr td:first-of-type { 
    background-color: #f0f0f0; /* 見出しの背景色を指定 */ 
    position: -webkit-sticky; 
    position: sticky; 
    left:0; 
    z-index: 2;
 }	

/************************************
** ボタン　
************************************/

/* −−ボタンを浮かして影をつける−−*/
 .btn{
 box-shadow: 0 7px 0px #808080;
 }
/*−−−ボタンが重なったときに沈む−−−*/
 .btn:hover{
 box-shadow: 0 1px 0 #808080 ;
 transform: translateY(6px);
 -webkit-transform: translateY(6px);
 }
/*−−−カーソルを外したときに元に戻す−−−*/
 .btn{
 transition:.5s ease-in-out;
 }