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

/* ===================================
   カミログ Warm Journal CSS
   kamilog-aga.com
=================================== */

/* --- 背景 --- */
body { background: #F5F4F0; }

/* --- 投稿日アイコン削除 --- */
.p-postMeta .p-postMeta__icon { display: none; }
.p-postMeta__date::before { content: none; }
.p-postMeta__date {
  font-family: Georgia, 'Noto Serif JP', serif;
  letter-spacing: 0.5px;
  color: #888780;
}

/* --- カテゴリラベル --- */
.c-postThumb__cat {
  background: transparent !important;
  border-radius: 0;
  color: #BA7517;
  border-bottom: 1px solid #BA7517;
  padding: 0 0 2px 0;
  font-size: 11px;
}

/* --- カテゴリアイコン削除 --- */
.widget_categories > ul > .cat-item > a::before,
.wp-block-categories-list > li > a::before {
  content: "" !important;
}
.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > a {
  padding-left: 0;
}

/* --- 見出し --- */
.post_content h2 {
  font-family: 'Noto Serif JP', serif;
  border: none;
  border-bottom: 2px solid #BA7517;
  background: transparent;
  padding: 0 0 8px 0;
  color: #2C2C2A;
}
.post_content h3 {
  font-family: 'Noto Serif JP', serif;
  border: none;
  border-left: 3px solid #BA7517;
  background: transparent;
  padding: 2px 0 2px 12px;
  color: #2C2C2A;
}

/* --- リンク色 --- */
.post_content a {
  color: #BA7517;
  text-decoration: none;
}
.post_content a:hover {
  color: #854F0B;
  text-decoration: underline;
}

/* --- SNSシェアボタン --- */
.p-shareBtns a {
  color: #888780 !important;
  background: transparent !important;
  border: 1px solid #E8E6E0;
}
.p-shareBtns a:hover { opacity: 0.7; }

/* --- 目次 --- */
.p-toc {
  border: none;
  border-left: 2px solid #BA7517;
  background: transparent;
  padding: 16px 16px 16px 20px;
}

/* --- 投稿リスト角丸 --- */
.p-postList__item,
.-type-card .p-postList__thumb,
.-type-card .p-postList__body {
  border-radius: 4px;
}

/* --- ボタン --- */
.swell-block-button a.swell-block-button__link {
  background: #BA7517 !important;
  border-radius: 4px;
  color: #FFFEF9 !important;
  border: none;
}
.swell-block-button a.swell-block-button__link:hover {
  background: #854F0B !important;
}

/* --- 区切り線 --- */
.post_content hr {
  border: none;
  width: 32px;
  height: 2px;
  background: #BA7517;
  margin: 2em auto;
}

/* --- 引用 --- */
blockquote, .wp-block-quote {
  border-left: 2px solid #BA7517;
  border-top: none;
  border-right: none;
  border-bottom: none;
  background: transparent;
  padding: 12px 16px;
  font-style: italic;
  color: #888780;
}

/* --- ふきだし --- */
.c-balloon__body {
  background: #FFFEF9 !important;
  border-color: #E8E6E0 !important;
  border-radius: 4px;
}

/* --- フッター --- */
.l-footer { background: #2C2C2A; color: #888780; }
.l-footer a { color: #D3D1C7; }
.l-footer a:hover { color: #BA7517; }

/* --- スクロールバー --- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F5F4F0; }
::-webkit-scrollbar-thumb {
  background: #D3D1C7;
  border-radius: 4px;
}

/* --- フェードイン --- */
.l-mainContent {
  animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}