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

/* ==========================
   記事ページ専用カテゴリナビ
========================== */

.article-category-nav{
	padding:16px 24px;
	background:#fff;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
}

/* ロゴ */
.article-category-nav__logo{
	margin-bottom:16px;
}

.article-category-nav__logo img{
	height:auto;
	max-width:120px;
	display:block;
	margin:0 auto;
}

/* ナビ */
.article-category-nav__menu{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:24px;
}

.article-category-nav__menu a{
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	transition:.3s;
	background:#212d59;
	border-radius: 100px;
	padding:6px 16px;
}

.article-category-nav__menu a:hover{
	opacity:.7;
}

/* ==========================
   スマホ
========================== */
@media (max-width: 767px){

	.article-category-nav{
		padding:16px 10px;
	}

	.article-category-nav__logo{
		margin-bottom:12px;
	}

	.article-category-nav__logo img{
		max-width:80px;
	}

	.article-category-nav__menu{
		gap:10px 18px;
	}

	.article-category-nav__menu a{
		font-size:11px;
	}
}