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


/* ==========================================================
   賢威8 からの移行用（記事本文に残る賢威のクラスを最低限表示する）
   見た目は賢威の配色に寄せた簡易版。縞模様の枠は実線に置き換えている
   ========================================================== */

/* 囲みボックス */
.box_style {
	--keni-box: #999;
	--keni-box-bg: #fafafa;
	margin: 0 0 2em;
	border: 3px solid var(--keni-box);
	background: var(--keni-box-bg);
}
.box_style .box_inner { padding: 1em 1.25em; }
.box_style .box_inner > :last-child { margin-bottom: 0; }
.box_style_title { margin: -1em -1.25em 1em; }
.box_style_title_inner {
	display: inline-block;
	padding: .3em .8em;
	color: #fff;
	font-weight: bold;
	background: var(--keni-box);
}
.box_style_blue   { --keni-box: #0baedd; --keni-box-bg: #f8fdff; }
.box_style_green  { --keni-box: #5bc130; --keni-box-bg: #f9fff3; }
.box_style_orange { --keni-box: #fca60d; --keni-box-bg: #fdf9f1; }
.box_style_red    { --keni-box: #d94b59; --keni-box-bg: #fff8f9; }
.box_style_pink   { --keni-box: #f48cc0; --keni-box-bg: #fffafd; }
.box_style_yellow { --keni-box: #f2cb0c; --keni-box-bg: #fffdf3; }
.box_style_gray   { --keni-box: #999;    --keni-box-bg: #fafafa; }

/* ボタン */
.post_content a.btn {
	display: inline-block;
	padding: .8em 2em;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: var(--color_main);
}
.post_content a.btn_orange { background: #e69400; }
.post_content a.btn:hover { opacity: .85; }

/* アコーディオン（開閉はせず全部表示） */
.accordion-list dt { margin-top: 1em; font-weight: bold; }
.accordion-list dd { margin: .5em 0 0; }

/* 横スクロールする表 */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 段組み [col] */
.col2-wrap, .col3-wrap, .col4-wrap { display: flex; flex-wrap: wrap; gap: 2%; margin: 0 0 1em; }
.col2-wrap > .col { width: 49%; }
.col3-wrap > .col { width: 32%; }
.col4-wrap > .col { width: 23.5%; }
@media (max-width: 599px) {
	.col3-wrap > .col, .col4-wrap > .col { width: 49%; }
}

/* 本文にHTMLのまま残っている賢威のリンクカード */
.keni-link-card_wrap { margin-bottom: 2em; padding: 15px; border: 1px solid #ccc; border-radius: 6px; }
.keni-link-card { position: relative; min-height: 100px; margin: 0; padding: 0; border: none; background: none; font-style: normal; }
.keni-link-card::before, .keni-link-card::after { display: none; }
.keni-link-card_thumb { position: absolute; top: 0; right: 0; width: 100px; height: 100px; overflow: hidden; }
.keni-link-card_thumb img { width: 100%; height: 100%; object-fit: cover; }
.keni-link-card_title, .keni-link-card_desc { margin-right: 110px; }
.keni-link-card_title a { color: inherit; font-weight: bold; text-decoration: none; }
.keni-link-card_url { overflow: hidden; margin: 5px 0; font-size: .8em; white-space: nowrap; text-overflow: ellipsis; }
.keni-link-card_url a { color: #999; }
.keni-link-card_desc { font-size: .85em; }

/* CTA（CTA表示設定で入れている賢威のクラス） */
.item-box02 { margin: 2em 0; padding: 1.5em; border: 3px solid var(--color_main); border-radius: 6px; text-align: center; }
.item-box_title { margin-bottom: 1em; font-size: 1.15em; font-weight: bold; }
.item-box_thumb img { max-width: 100%; height: auto; }
.item-data { margin: 1em 0; }
.btn-detail { margin-top: 1em; }