@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 {
	position: sticky;
}
.c-gnav>.menu-item>a .ttl {
	font-size: 1.1rem;
	font-weight: 700;
}

/* サイドバー＋メインコンテンツ */
.l-content.l-container {
	padding-top: 3em!important;
	margin-bottom: 4em;
}

/* サイドバー */
.w-fixSide {
	top: 10em;
	margin-top: .25em;
}
.c-sidebarEyecatch__img {
	border: 1px solid rgba(0, 0, 0, .08)!important;
}

/* メインコンテンツ */
/** 全ページ **/
.l-mainContent__inner>.post_content {
	margin: 2em 0;
	padding: initial;
}

/** トップページ **/
.w-frontTop {
	margin-bottom: 0;
}
.top .u-mt-40 {
	margin-top: 0!important;
}
.top h2 {
	margin-bottom: .5em;
	font-size: 1.3rem;
}

/** 投稿ページ **/
.code-block img {
	border-radius: 4px;
}
.post-eyecatch {
	padding: 0 0 .4em;
}
.c-postTitle__ttl {
	font-size: 1.3rem;
	display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.p-articleMetas.-top .c-prNotation {
	padding: 0;
	border: 0;
	color: #777;
}
.p-articleMetas.-top .icon-info {
	display: none;
}
.l-mainContent__inner>.post_content {
	margin-top: 1em;
	margin-bottom: 4.1em;
}
.post_content h2 {
	margin: 2em 0 .5em;
	font-size: 1.25rem;
}
.post_content h3 {
	margin: 1.5em 0 1em;
	padding: .1em 1em;
}
.post_content h4 {
	margin: 2em 0 .8em;
	font-size: 1rem;
}
.l-mainContent.l-article p {
	margin-bottom: 1.2em;
}
.wp-block-table {
	margin-top: 1.5em;
}
.wp-block-table img {
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 16px;
	margin-top: .5em;
	width: 85px!important;
}
.wp-block-table tbody th {
	font-size: 12px;
}
.wp-block-table img[width="0"],
.wp-block-table img[height="1"] {
  display: none !important;
}
.p-articleFoot {
	display: none;
}

/** 固定ページ **/

/** タームページ **/
.c-pageTitle__inner {
	padding-top: 0;
	font-size: 1.3rem;
}
.category h2 {
	margin-bottom: .5em;
}
.p-termContent {
	margin-top: 1em;
}

/** 検索ページ **/
.p-searchContent {
	margin-top: 1em!important;
}

/* フッター */
.l-footer {
	border-top: 1px solid rgba(0, 0, 0, .08);
}
.l-footer__nav a {
	border-right: 1px solid #444;
}
.l-footer__nav li:first-child a {
	border-left: 0;
}
.l-footer__nav li:last-child a {
  border-right: 0;
}

/* SWELL */
/** 投稿リスト **/
.p-postList {
	display: flex;
	flex-wrap: wrap;
	margin-left: -.35em!important;
	margin-right: -.35em!important;
}
.p-postList__item {
	margin-bottom: 1.5em!important;
	padding: 0 .3em!important;
}
.p-postList__body {
	padding-top: 0!important;
}
.p-postList__link {
	border-radius: 2px!important;
	display: flex;
  flex-direction: column-reverse;
}
.p-postList__thumb {
	order: 2;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 2px;
	height: 220px!important;
}
.c-postThumb__figure {
	object-fit: contain;
	height: 100%!important;
}
.c-postThumb__cat {
	margin: 0;
	font-weight: 700;
}
.c-postThumb__cat.icon-folder:before {
	content: initial;
}
.p-postList .c-postTitle {
	order: 1;
	margin-bottom: 0;
	padding-top: .6em;
}
.p-postList .c-postTitle__ttl {
	display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
	font-size: 14px!important;
	font-weight: 500;
}
.-type-big .p-postList__meta {
	display: none;
}
.p-postList__body:after {
	margin-top: .25em!important;
	padding: .5em 0!important;
	font-weight: 700;
	border: 1px solid rgba(0, 0, 0, .16);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)!important;
	color: #000;
}
.-type-big .p-postList__item:not(:last-child) {
	border-bottom: initial;
}
/** ボタン **/
.swell-block-button {
	padding: 1.2em;
	border-top: 1px solid var(--color_border);
	border-bottom: 1px solid var(--color_border);
}
.swell-block-button a {
	color: #333;
}
/** 背景色 **/
.swl-bg-color {
	border-radius: 4px;
	margin-right: .5em;
	padding: .15em .5em;
}
/** ブログパーツ **/
.p-blogParts.post_content {
	margin-bottom: 1em;
}
/** アコーディオン **/
.swell-block-accordion__item {
	border-left: 1px solid var(--color_border);
	border-right: 1px solid var(--color_border);
	border-radius: 6px;
	background-color: #f7f7f7;
}
.swell-block-accordion__title {
	padding: 1em 1.25em;
	font-size: 1.01rem;
}
.swell-block-accordion__body {
	padding: 1.5em .75em!important;
}
/* スマホ開閉メニュー */
.c-widget__title.-spmenu {
	margin-top: 0;
	margin-bottom: .2em;
}
.p-spMenu__nav {
	display: none;
}
.p-spMenu__bottom.w-spMenuBottom {
	margin-top: 0;
}

@media screen and (min-width: 960px){
/* サイドバー */
#sidebar.l-sidebar {
	width: 300px;
}

/* メインコンテンツ */
.code-block {
	margin-top: -1em!important;
	margin-bottom: 1.5em!important;
}
.post-eyecatch {
	display: none;
}
.-sidebar-on .l-mainContent {
	width: calc(100% - 300px - var(--swl-sidebar_margin));
}
.p-postList__item {
	width: 16.6666%!important;
}
}

@media screen and (max-width: 959px){
/* ヘッダー */
.p-spHeadMenu .menu-item {
	width: 20%;	
}
.l-header__spNav a {
	padding: 0 3px;
	font-size: 1rem;
	font-weight: 700;	
}
.c-headLogo__link {
	margin-left: .4em;
}

/* その他 */
.l-content.l-container {
	padding-top: 2em!important;
}
.single .l-content.l-container {
	padding-top: 1.5em!important;
}
.post-eyecatch {
	float: left;
	padding-top: 3px;
	width: 40%;
	margin-bottom: .5em;
}
.p-articleHead.c-postTitle {
	float: right;
	width: 60%;
	padding-left: 15px;
}
.c-postTitle__ttl {
	font-size: 1.25rem;
  -webkit-line-clamp: 3;
}
.p-articleMetas.-top {
	float: right;
	margin-top: .5em;
	padding: 0 0 0 11px;
	width: 60%;
}
.p-articleMetas.-top .c-prNotation {
	padding: .125em .4em;
}
.p-postList__item {
	width: 25%!important;
}
}

@media screen and (max-width: 599px){
.p-postList__item {
	width: 33.3333%!important;
}
.p-postList__thumb {
	height: 170px!important;
}
}