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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.navi-in a:hover {
	border-radius: 3px;
	box-shadow: inset -5px -5px 10px 0px rgba(255, 255, 255, 0.5), inset 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

/* テーブルの基本 */
table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

.wp-block-table td, .wp-block-table th {
	border: none;
}

table th {
	position: relative;
	background-color: #d3381c;
    width: 40%;
    color: #fff;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #d3381c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.wp-block-table td {
	padding: .5em 2em;
}

.wp-block-table tr:nth-child(odd) td {
	background-color: #fff6f8;
}


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

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

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