/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: http://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20210517
 *   Version: 3.0.4
 *   Template Version: 3
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
 */

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
 */

/* 2023.05.02 */
/* 키보드 입력 스타일링 */
kbd {
	font-family: inherit;
	padding: 0px 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	background: #eee;
}
.sss {
	font-family: inherit;
	padding: 0px 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	background: #eee;
}

.post > div.clearfix > * {
	margin-bottom: 3em;
}

/* 2023.05.12 */
/* 폰트변경 : G마켓 산스 */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,
code, code[class*=language-],
pre, pre[class*=language-],
cite {
	font-family: 'GmarketSansMedium', sans-serif !important;
}

/* 2023.05.12 */
/* 메인컬러 지정 */
:root {
	--main-color: #4ea1d5;
}

/* 2023.05.12 */
/* 소제목 스타일 적용 */
.post h2 {
	border: none; /* 기존디자인 리셋 */
	position: relative;
	background: var(--main-color);
	padding: 0.5em 0.5em;
	color: #fff;
}
.post h2::before {
	position: absolute;
	display: block;
	pointer-events: none;
	content: "";
	top: -5px;
	left: 0;
	width: 100%;
	height: calc(100% + 4px);
	box-sizing: content-box;
	border-top: solid 2px var(--main-color);
	border-bottom: solid 2px var(--main-color);
}

.post h3 {
	border: none; /* 기존디자인 리셋 */
	position: relative;
	padding: 0.5em 0.5em;
	border-bottom: 3px solid #eaeaea;
}

.post h3:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 40%;
	height: 3px;
	content: '';
	background: var(--main-color);
}


/*
https://jajaaan.co.jp/css/css-headline/
*/
.post h4 {
	padding: 0.5em 0.5em;
	border-left: 6px double var(--main-color);
}

/* 2023.05.13 */
/* 목차 폰트 크기 */
.toc_list li {
	font-size: 1.3rem;
	color: #111;
}

/* 2023.06.14 */
/* https://www.beginner-blogger.com/cocoon-sidebar-toc-highlight/ */
#thk_toc_widget-2 li a {
	color: #111;
}

/*スマホad調整 https://zattadouraku.net/site/affi/ggl-ads-responsive/ */
@media screen and (max-width: 500px) {
 .ps-widget {
  overflow: visible;
 }
}




/* 2023.06.14 */
/* ul태그, ol태그에 배경식 지정(회색) */
/* 선택자를 .post ul로 하면 목차 등의 다른 곳에서도 영향이 있음 */
.post > div > ul,
.post > div > ol {
	padding: 8px 10px 6px 30px;
	background: gainsboro;
}

/* https://www.beginner-blogger.com/cocoon-sidebar-toc-highlight/ */
#thk_toc_widget-2 li.current {
	background-color: #4ea1d56e; /* ハイライト色 */
}

/*スクロール追従バー（目次の設定）*/
/*表示設定*/
@media print, (max-width: 991px) {
    #side-scroll .toc_widget {
        display: none;
    }
}
.toc_widget>ul.toc_list {
    margin: 25px 0;
    overflow-y: auto;
}
/* サイド 目次 追従 カレント */
#side-scroll li a {
    display: block;
}
#side-scroll li a:hover {
    background-color: #e6f2ff
}
#side-scroll li a.current {
    background-color: #e6f2ff !important
}

/* 사이드바 padding 조정 */
#side .widget {
	padding: 20px 14px;
}

mark {
    margin: 0 3px;
    border: 2px solid #777;
    border-radius: 4px;
}



/* ヘッダー画像の表示  */
	div#head-in {
		background-color: #333333;
	}