/*
  Skin Name: スキンテンプレート
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://wp-cocoon.com/
  Author: わいひら
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/

:root {
	--color_htag: #084ea1;
}

.front-top-page {
	font-family: serif;
}

.header {
	flex-shrink: 1;
	margin-left: 30px;
	display: flex;
	align-items: center;
}

.tagline {
	text-align: left;
/* 	font-family: 'Zen Old Mincho', serif; */
	font-family: "Kokoro";
	margin: 2em 0em 0em;
}

.logo {
	text-align: left;
/* 	font-family: 'Zen Old Mincho', serif; */
	font-family: "Kokoro";
}

.logo-text {
	padding: 0px 0 30px;
}

#header-container-in {
	display: flex;
/* 	justify-content: space-around; */
	justify-content: space-between;
	height: 100px;
	max-width: 1096px;
	margin: 0 auto;
}

#header-in, .navi-in.wrap {
	width: auto;
	max-width: 1256px;
}

#navi {
	display: flex;
	align-items: center;
}

.item-label {
	font-family: 'Zen Old Mincho', serif;
	font-weight: bold;
}

.navi-in > ul li {
	width: 126px;
}

.style-head {
	font-size: 35px !important;
	background-color: transparent !important;
	text-align: center;
	position: relative;
	color: #000 !important;
}

h2.style-head::before {
    left: 50%;
    margin-left: -30px;
    background: #000000;
	content: '';
	position: absolute;
	bottom: 0;
    width: 30px;
    height: 3px;
}

h2.style-head::after {
    right: 50%;
    margin-right: -30px;
    background: #b93528;
	content: '';
	position: absolute;
	bottom: 0;
    width: 30px;
    height: 3px;
}

.front-top-page .new-entry-cards{
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 834px) {
	.appeal div.appeal-in {
		min-height: 390px;
	}
}

#container {
	background: #fff;
}

.no-sidebar .content .main {
	width: min(1096px, 100%);
	margin: 0 auto;
}

.cover-wide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

body {
	cursor : url(https://blog.takechan-smile.jp/wp-content/uploads/2022/11/羽根のペンの無料アイコン素材.png) 0 31, auto;
}

/* 文字色 */
.has-color1-color {
	color: #ff6464;
}
.has-color2-color {
	color: #e88727;
}
.has-color3-color {
	color: #f2d729;
}
.has-color4-color {
	color: #91e079;
}
.has-color5-color {
	color: #3fc1c9;
}
.has-color6-color {
	color: #0000bb;
}
.has-color7-color {
	color: #ac5eb5;
}

/* 背景色 */
.has-color1-background-color {
	background-color: #ff6464;
}
.has-color2-background-color {
	background-color: #e88727;
}
.has-color3-background-color {
	background-color: #f2d729;
}
.has-color4-background-color {
	background-color: #91e079;
}
.has-color5-background-color {
	background-color: #3fc1c9;
}
.has-color6-background-color {
	background-color: #0000bb;
}
.has-color7-background-color {
	background-color: #f5f5f5;
}

.profile-area {
	display: flex;
	justify-content: center;
}

.light-brown {
	background: #f5f5f5;
}

.site-name-text {
	font-size: 19px;
}

.toc {
	--color_gray: hsla(0,0%,78%,.15);
	--color_border: hsla(0,0%,78%,.5);
	display: block;
	border: none;
	    background: linear-gradient(-45deg,transparent 25%,var(--color_gray) 25%,var(--color_gray) 50%,transparent 50%,transparent 75%,var(--color_gray) 75%,var(--color_gray));
	background-size: 4px 4px;
	border-bottom: 4px double var(--color_border);
    border-top: 4px double var(--color_border);
	font-size: 16px;
}

.toc li li {
	font-size: 14px;
}

ol.toc-list {
	counter-reset: section;
}

ol.toc-list li::marker {
	--color-light-blue: #1aa0ec;
	color: var(--color-light-blue);
	counter-increment: section;
/* 	content: counter(section); */
	content: counter(list-item) ' | ';
	border-right: 1px solid var(--color-light-blue);
}

pre {
	border: none;
	padding: 1em 1em 1em 1.5em;
}

.site-name-text-link {
	padding: 0;
}


@media (max-width: 768px) {
	.header {
		padding: 16px;
		margin-left: 0;
		width: 100%;
	}
	
	.tagline {
		font-size: 2vw;
		text-align: center;
	}
	
	#header .site-name-text {
		font-size: 3.8vw;
		text-align: center;
	}
	
	h4 {
		text-align: center;
	}
}