@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 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,');
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
.list-box-2{
background: #fef8f9;/* 背景色 */
border-radius: 4px;
max-width: 600px;
padding: 2em;
margin:0 auto;
border:1px solid;
border-color:#f27398; /* 線の色 */
}
@media screen and (max-width: 768px){
.article ul, .article ol {
padding-left: 0px; /* スマホ閲覧時の余白リセット(cocoon) */
}
}
/****************
タブ見出しボックス
****************/
.tab-caption-box-label{
padding: 6px 16px; /*タブ内側余白*/
font-size: 16px; /*タイトル文字の大きさ*/
font-weight: bold; /*タイトル文字の太さ*/
border-radius: 4px 4px 0px 0px; /*タブ角丸*/
}
.tab-caption-box-content {
position: relative; /*配置に関するもの（ここを基準に）*/
top: 1px; /*上から(1px）移動*/
border: 2px solid; /*ボックス線*/
padding: 48px 24px; /*ボックス内側余白*/
border-radius: 4px; /*ボックス角丸*/
border-top-left-radius: 0px; /*ボックス左上角丸*/
}