@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
*/
/*必要ならばここにコードを書く*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/* テーブルに記号追加（◎○△×） ---------------------------------------------- */
/* 配置位置起点 */
.entry-content td {
position: relative;
z-index: 1;
}
/* 記号を上下左右中央寄せにする */
.table-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1; /* テーブルの後ろに記号配置 */
}
/* 記号配置（SVG使用） */
.table-icon:before {
content: "";
display: block;
height: 40px;
width: 40px;
opacity: 0.5;
}
.table-icon.s-circle:before {
background-color: #DBB6A2; /* ○ */
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
.table-icon.w-circle:before {
background-color: #8bc34a; /* ◎ */
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
.table-icon.triangle:before {
background-color: #ffc107; /* △ */
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}
.table-icon.cross:before {
background-color: #8d95a6; /* × */
-webkit-mask-image: url('data:image/svg+xml;utf8,');
}