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

.l-header { box-shadow:none;}
.p-homeContent .p-postList__body { background-color:#fff; padding:1em 1em 1.2em; }

/* 共通：横並びナビ */
.original-nav {
  border-bottom: 1px solid #eee;
  background: #fff;
	margin-bottom:24px;
}

.child-category-list {
  display: flex;
  align-items: center;
  gap: 24px;           /* 項目の間隔 */
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.child-category-list__item {
  flex: 0 0 auto;      /* 折り返さず幅を保持 */
}

.child-category-list__link {
  display: block;
  padding: 4px 0;
  text-decoration: none;
  white-space: nowrap; /* 英字が折り返されないように */
}

/* スマホ：横スクロール */
@media (max-width: 959px) {
	.original-nav { padding-left:24px; }
}
@media (max-width: 767px) {
  .original-nav {
    /* iOS などでスムーズにスクロールさせる */
    -webkit-overflow-scrolling: touch;
  }

  .child-category-list {
    flex-wrap: nowrap;       /* 折り返し禁止 */
    overflow-x: auto;        /* 横スクロール有効 */
    overflow-y: hidden;
  }

  /* スクロールバーを隠したい場合（お好みで） */
  .child-category-list::-webkit-scrollbar {
    display: none;
  }
	
	.child-category-list__link { font-size:90%; }
}


.c-widget__title {
font-family: 'Poppins', sans-serif;
  letter-spacing: 0.25em;  /* 英字を広めに */
  text-transform: uppercase;
	font-weight:500;
	color:#c68492;
	padding-left:0;
	font-size:18px;
	margin-bottom:.5em;
}
.c-widget__title.-side:before,
.c-widget__title.-side:after { content:none; }


.author-widget__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.author-widget__item + .author-widget__item {
  margin-top: 24px;
}

.author-widget__link {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.author-widget__avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 16px;
}

.author-widget__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.author-widget__name {
  font-size: 16px;
  font-weight: 700;
  color: #555;
}