@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.site-name-text {
display: none;
}
.logo-image {
padding: 0px;
}
.header {
/*background-position: center;*/
background-size: contain;
}
.navi-in .current-menu-item a {
background-color: #f5f8fa;
}
.main, .sidebar {
background-color: rgb(255 255 255 / 98%);
}
/* ヘッダー背景画像をトップページ以外では非表示にする */
body:not(.home) .header-container-in .header {
display: none !important;
}
.footer-bottom {
margin-top: 0px;
}
/* テーブルカスタマイズ */
.has-fixed-layout thead {
border-bottom: none;
}
.has-fixed-layout th {
background-color: #b1c787;
color: #FFFFFF;
}
/* テーブルに記号追加（◎○△×） */
/*配置位置起点*/
.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: 35px;
width: 35px;
opacity: 0.6;
}
.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,');
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}