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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.wp-block-table table td.ixtupaku {
  background-color: #f4f4f4;
}
.wp-block-table table td.niou {
  background-color: #f18d01;
}
.wp-block-table table td.sanpeki{
  background-color: #0095d9;
}
.wp-block-table table td.siryoku{
	color: #ecefd7;
  background-color: #365a18;
}
.wp-block-table table td.goou{
  background-color: #fbae00;
}
.wp-block-table table td.roxtupaku{
  background-color: #c1c6ca;
}
.wp-block-table table td.sitiseki{
	color: #ecefd7;
  background-color: #ea0001;
}
.wp-block-table table td.haxtuopaku{
	color: #ecefd7;
  background-color: #9c342b;
}
.wp-block-table table td.kyusi{
	color: #ecefd7;
  background-color: #8d4898;
}
ul.yokoyoko{
	display: flex-start;
}
ul.yokoyoko li{ 
	display: inline-block;
  margin-left: 6px;
}
/************************************
** カレンダー
************************************/
.calendar-container {
  width: 800px;
  margin: 0 auto;
  border-radius: 5px;
  background: #f6f5f4;
  color: #1a1a1a;
}
.cld h2 {
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 32px;
  margin: 0;
}
.calendar {
  padding: 0 30px 30px 30px;
}
.day *:first-child {
  color: #ff838b;
}
.day *:last-child {
  color: #6fb5ff;
}
.day tr td p{
  font-size: 16px;
	padding: 0;
  margin: 0;
}
.day tr td.rky p{
  font-size: 16px;
	padding: 0;
  margin: 0;
	border: 0;
  color: #dedede;
}
tr.rky1 {
  font-size: 16px;
	padding: 0;
  margin: 0;
  color: #dededf;
}
.rky2 {
  font-size: 16px;
	padding: 0;
  margin: 0;
  color: #6fb5ff;
}
.rky3 {
  font-size: 16px;
	padding: 0;
  margin: 0;
	border: 0;
  color: #ff838b;
}
.tora {
  font-size:16px;
  font-weight: 16px;
  line-height: 1.5em;
}
.tora > span {
  position: relative;
  display: inline-block;
}
.tora > span::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -5px;
  top: -5px;
  right: -5px;
  background-color: #ffff6b;
  z-index: -1;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}