body {
	/* 明朝 */ font-family: 'Noto Serif CJK JP','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','Sawarabi Mincho','HG明朝B',serif;
	/* ゴシック */ font-family: 'Noto Sans CJK JP','Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.7;
	word-wrap: break-word;
}

p:last-of-type {
	margin: 0;
	line-height: 1.7;
}

a {
	transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
a:hover {
	opacity: 0.6;
}


/* ================================================================================

	ログイン時のツールバー

================================================================================ */

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wpadminbar{
		top: 0;
		position: fixed;
	}
}


/* ================================================================================

	ヘッダー

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* ロゴ */
	#logo {
	
	}

	#logo > a {
		max-height: inherit;
		margin: 0 0 0 30px;
	}
	#logo h1 {
		margin: 0;
		line-height: 1;
	}
	#logo h1 img {
		width: 284px;
		height: auto;
		vertical-align: top;
	}
	#logo .site-description {
		margin: 2px 0 0 6px;
	}
	


	/* ナビゲーション */
	ul.gnav a{
		color: #222222;
		padding: 30.5px 30px 30.5px 0;
	}
	.gnav > li > a:hover {
		color: #8fc4e0;
		text-decoration: none;
	}


	/* 検索 */
	#overlay-search > .search-form {
		position: absolute;
		left: 50%;
		top: 48%;
		-webkit-transform: translate(-50%,-23.99%);
		transform: translate(-50%,-23.99%);
	}

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* ロゴ */
	#logo {
	
	}

	#logo > a {
		max-height: inherit;
		margin: 0 0 0 20px;
	}
	#logo h1 {
		margin: 0;
		line-height: 1;
	}
	#logo h1 img {
		width: 208px;
		height: auto;
		vertical-align: middle;
	}
	#logo .site-description {
		margin: 2px 0 0 6px;
	}
	


	/* ナビゲーション */
	ul.gnav a{
		color: #222222;
		padding: 30.5px 30px 30.5px 0;
	}
	.gnav > li > a:hover {
		color: #8fc4e0;
		text-decoration: none;
	}
}




/* ================================================================================

	サイドバー

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 見出し */
	.widget-wrap h3 {
		border-bottom: 1px solid #cccccc;
		padding: 0 0 8px 0;
	}

	.widget-wrap ul > li {
		text-align: left;
		padding: 5px 0;
		font-size: 14px;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 見出し */
	.widget-wrap h3 {
		border-bottom: 1px solid #cccccc;
		padding: 0 0 8px 0;
	}

	.widget-wrap ul > li {
		text-align: left;
		padding: 5px 0;
	}
}




/* ================================================================================

	フッター

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	#footer {
		padding: 60px 15px 40px;
	}

	/* ロゴ */
	.f_logo {
		text-align: center;
	}
	.f_logo img {
		width: 364px;
		height: auto;
		margin: 0 0 12px 0;
	}
	.f_logo p {
		font-size: 14px;
	}

	#footer #pages {
		border-top: 1px solid #8fc6e2;
		border-bottom: 1px solid #8fc6e2;
		padding: 10px 0;
		margin: 50px 0 0;
	}

}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	#footer {
		padding: 60px 15px 40px;
	}

	/* ロゴ */
	.f_logo {
		text-align: center;
	}
	.f_logo img {
		width: 220px;
		height: auto;
		margin: 0 0 16px 0;
	}
	.f_logo p {
		font-size: 3vw;
		letter-spacing: 0;
	}

	#footer #pages {
		border-top: 1px solid #8fc6e2;
		border-bottom: 1px solid #8fc6e2;
		padding: 10px 0;
		margin: 50px 0 0;
	}
}




/* ================================================================================

	ページトップボタン

================================================================================ */

/* PC設定
------------------------------------------- */
@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 9998;
		right: 10px;
		bottom: 10px
	}
	#page-top a {
		background: url(../img/pagetop_off.png) center top no-repeat;
		background-size: contain;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		opacity: 1;
		background: url(../img/pagetop_on.png) center top no-repeat;
		background-size: contain;
	}
}

/* SP設定
------------------------------------------- */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 9998;
		right: 8px;
	}
	#page-top a {
		background: url(../img/pagetop_off.png) center top no-repeat;
		background-size:contain;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		opacity: 1;
		background: url(../img/pagetop_on.png) center top no-repeat;
		background-size: contain;
	}
}




/* ================================================================================

	記事一覧出力

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.godios-container section.entry-list .entry-inner header {
		margin: 0 0 8px 0;
	}
	.entry-meta {
		display: none;
	}
	#entry-content table {
		white-space: normal;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.godios-container section.entry-list .entry-inner header {
		margin: 0 0 8px 0;
	}
	.entry-meta {
		display: none;
	}
	#entry-content table {
		white-space: normal;
	}
}





/* ================================================================================

	メインカラー、サブカラー

================================================================================ */

/* メインカラー */
.pagination .current, .pagination a:hover {
	background-color: #386d8a;
	color: #fff;
}
#entry-content ul > li:nth-of-type(2n+1) li::before,
#entry-content ul > li:nth-of-type(2n+1)::before,
#side li:nth-of-type(2n+1) li::before,
#side li:nth-of-type(2n+1)::before {
	background-color: #386d8a;
}
#entry-content ul > li:nth-of-type(2n) li::before,
#entry-content ul > li:nth-of-type(2n)::before,
#side li:nth-of-type(2n) li::before,
#side li:nth-of-type(2n)::before {
	background-color: #386d8a;
}
#contents > ol > li:nth-of-type(2n+1)::before, #contents > ol > li:nth-of-type(2n+1) > ul::before, .entry-category {
	background-color: #386d8a;
}
#entry-content h2::before {
	background-color: #386d8a;
}


/* サブカラー */
#entry-content h3::before {
	background-color: #8fc4e0;
}


/* ================================================================================

	マーカー

================================================================================ */
.marker {
	background:linear-gradient(transparent 75%, #ffdc00 75%);
	font-weight:bold; 
}
.marker2 {
	background:linear-gradient(transparent 75%, #ff0000 75%);
	font-weight:bold; 
}
.blue {
	color: blue;
	font-weight: bold; 
}
.red {
	color: red;
	font-weight: bold; 
}
.orange {
	color: orangered;
	font-weight: bold; 
}


/* ================================================================================

	整形済みテキスト

================================================================================ */
code, pre {
	color: orangered;
	background-color: #fff8ba;
	border-radius: 5px;
	white-space: normal;
	font-weight: bold;
}
code a, pre a {
	color: #cc0000 !important;
	font-weight: bold !important;
}
code a:hover, pre a:hover {
	opacity: 0.6;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	code, pre {
		line-height: 2;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	code, pre {
	}
}


/* ================================================================================

	ボーダーで囲む

================================================================================ */
.kakomi {
	border: 2px solid #ffdc00;
	padding: 1em;
}
.kakomi2 {
	padding: 1em;
	border: 2px solid #7fffd4;
}
.kakomi3 {
	padding: 1em;
	border: 2px solid #ff0000;
}
.kakomi4 {
	padding: 1em;
	border: 2px solid #00bfff;
}
.kakomi5 {
	padding: 1em;
	border: 2px solid #ff4500;
}

#entry-content .kakomi p:not(.wp-caption-text),
#entry-content .kakomi2 p:not(.wp-caption-text) {
	margin: 0 0 16px;
}


/* ================================================================================

	youtube

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	iframe {
		width: 100%;
		height: 354px;
		display: block;
		margin: 0 auto;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	iframe {
		width: 100%;
		height: 54vw;
		display: block;
		margin: 0 auto;
	}
}