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

/*=================================================================================
フォント関連
=================================================================================*/
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/swell_child/fonts/NotoSansCJKjp-Regular.woff2') format('woff2');
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	src: url('/wp-content/themes/swell_child/fonts/NotoSansCJKjp-Bold.woff2') format('woff2');
	font-display: swap;
}

body {
	font-family: "Noto Sans JP", sans-serif!important;
	font-weight: 400!important;
}

/*=================================================================================
画像
=================================================================================*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 0.75rem;
}

/*=================================================================================
ヘッダー上
=================================================================================*/
.l-header {
	border-top: solid 25px var(--color_main)!important;
}

/*=================================================================================
ヘッダーメニュー
=================================================================================*/
ul.c-gnav {
	height: 25px!important;
	margin-top: 5px!important;
}

ul.c-gnav li {
	display: inline-block;
	border-left: 1px #ccc solid;
}

ul.c-gnav li:last-child {
	border-right: 1px #ccc solid;
}

/*=================================================================================
メイン枠 
=================================================================================*/
@media (min-width: 960px) {
.-frame-on .l-mainContent {
	padding: 16px;
	}
}

/*=================================================================================
記事タイトル
=================================================================================*/
h1.c-postTitle__ttl, h1.c-pageTitle {
	margin-bottom: 5px;
	padding: 7px 0 ;
	border-bottom: #ddd 3px dotted;
}

/*=================================================================================
目次
=================================================================================*/

#main_content .p-toc {
	margin: 2em auto;
	width: 100%;
}

.p-toc.-double {
	padding: 1em;
}

/* 閉じる状態 */
.toc-chk + .p-toc__ttl + ol li, .toc-chk + .p-toc__ttl + ul li {
	display: none;
}

/* 開く状態 */
.toc-chk:checked + .p-toc__ttl + ol li, .toc-chk:checked + .p-toc__ttl + ul li {
	display: block;
}

/* dummyチェックボックス */
.toc-chk {
	display:none;
}

/* 開く・閉じる */
.toc-chk:checked + .p-toc__ttl>.toc-ttl::after {
	content: '【閉じる】';
}
.toc-ttl::after {
	content: '【開ける】';
	cursor: pointer;
	margin-left: .5em;
	font-size: .8em;
}

/*=================================================================================
投稿ページ h2
=================================================================================*/
.post_content h2 { margin: 2em 0 2em; }

/*=================================================================================
前後 ページ移動
=================================================================================*/
.p-pnLinks {
	margin: 3em 0;
	padding: 1.5em 0;
}

.p-pnLinks__link {
	padding: 0em 0.3em;
}

.p-pnLinks__thumb {
	width: 96px;
	height: 64px;
}

@media (min-width: 600px) {
.p-pnLinks__thumb {
	width: 145px;
	height: 95px;
}
}
	
#sidebar .c-widget {
	padding: 8px 8px!important;
}

/*=================================================================================
サイド ウィジェット背景：白
=================================================================================*/
#sidebar .c-widget {
    background: #fff;
}

.c-widget__title {
	text-align: left;
}

/*=================================================================================
 プロフィール
=================================================================================*/
.p-profileBox__text { padding: 0.5em }

[class*=is-style-btn_] a {
	line-height: 1.2;
}

ul.plink {
	margin: 15px 0 0;
	padding-left: 18px;
}

ul.plink li {
	list-style-type: square;
}

/*=================================================================================
フッター
=================================================================================*/
.w-footer__box { padding: 0em; }

#custom_html-42 .custom-html-widget {
	text-align: center;
}

.l-footer__foot {
	background-color: #404849;
	color: #FFF;
}

/*=================================================================================
 プロフィール
=================================================================================*/
.p-profileBox__text { padding: 0.5em }


/*=================================================================================
人気記事
=================================================================================*/
.post_content ol, .post_content ul {
	padding-left: 0;	
}

.wpp-list li {
    border-bottom: #eee 1px solid;
	margin: 10px 0 25px!important;
	padding: 0 0 10px;
}

img.wpp-thumbnail {
	width: 100%;
	border: #eee 3px solid;
	margin: 0;
	float: none;
}

.wpp-list li .wpp-post-title {
	display: block;
	font-weight: bold;
	font-size: 15px;
	margin: 0.7em 0px;
	line-height: 1.4;
	color: inherit;
}

#main_content .wpp-list li .wpp-post-title {
	font-size: 15px;
}

.wpp-list li .wpp-excerpt {
	display: inline-block;
	font-size: 13px;
}


/*=================================================================================
ポチップ ボタン
=================================================================================*/
body:not(#__) .pochipp-box {
	background-color: #fffad3!important;
}

.pochipp-box .pochipp-box__btn {
	padding: 16px!important;
	font-size: 1.2em!important;
	font-weight: bold;
}

@media screen and (max-width: 599px) {
	.pochipp-box .pochipp-box__btn {
		padding: 16px 10px!important;
	}
}


/*=================================================================================
サイド カテゴリリスト
=================================================================================*/
ul.sidelist li {
	width: calc(100% / 2 - 1.5% )!important;
}

ul.sidelist li a.swell-block-linkList__link {
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 5px;
}