@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/************************************
   装飾
************************************/
/* h2 */
.post_content h2 {
	background: linear-gradient(to right, #ffeef7, #d6f0ff, #e6dcff);
	padding: 1em;
	color: #6C5B62;
	border-radius: 40px;
}
/* タイトル付きBOX */
.is-style-onborder_ttl > .cap_box_ttl {
  font-size: 1em;
  font-weight: bold;
}
.cap_box_content {
  border-radius: 10px !important;
}
/* メリデメBOX */
.merideme-box {
display: flex !important;
gap: 10px;
margin: 2em 0;
}

.merideme-column {
flex: 1;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px;
}

.merideme-good {
border-color: #a9d4f2;
background-color: #f5faff;
}

.merideme-bad {
border-color: #f39c9c;
background-color: #fff5f5;
}

.merideme-header {
display: flex !important;
align-items: center;
padding-bottom: 3px;
font-weight: bold;
}
.merideme-good .merideme-header {
border-bottom: dashed 1px #75c6ff;
}
.merideme-bad .merideme-header {
border-bottom: dashed 1px #F39C9C;
}

.merideme-good .merideme-title {
color: #64BFFF !important;
}
.merideme-bad .merideme-title {
color: #FB7676 !important;
}

.merideme-good .merideme-header:before,
.merideme-bad .merideme-header:before {
font-family: "Font Awesome 5 Free"; /* FontAwesomeを使用 */
font-weight: 900; /* アイコンのスタイルを太く */
font-size: 1.5em;
margin-right: 10px;
}

.merideme-good .merideme-header:before {
content: "\f118";
color: #a9d4f2;
}

.merideme-bad .merideme-header:before {
content: "\f5c8";
color: #f39c9c;
}

@media screen and (max-width: 768px) {
.merideme-box {
flex-direction: column;
}
}

/* テーブル */
table {
	font-size: .9em;
}
th,
td {
	vertical-align: middle !important;
}