@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:	 simplicity2
Version:		20161002
*/
/* Simplicity子テーマ用のスタイルを書く */

/************************************************************************
**  日付削除 （A,B 両方に追加）
*************************************************************************/
/* A */
.postid-961 .post-date, .post-961 .post-date, .postid-985 .post-date, .post-985 .post-date, .postid-993 .post-date, .post-993 .post-date, .postid-1015 .post-date, .post-1015 .post-date, .postid-1027 .post-date, .post-1027 .post-date, .postid-1023 .post-date, .post-1023 .post-date, .postid-1025 .post-date, .post-1025 .post-date, .postid-1098 .post-date, .post-1098 .post-date, .postid-1102 .post-date, .post-1102 .post-date, .postid-1108 .post-date, .post-1108 .post-date, .postid-1112 .post-date, .post-1112 .post-date, .postid-1129 .post-date, .post-1129 .post-date, .postid-1134 .post-date, .post-1134 .post-date, .postid-1199 .post-date, .post-1199 .post-date, .postid-1202 .post-date, .post-1202 .post-date, .postid-1254 .post-date, .post-1254 .post-date, .postid-1292 .post-date, .post-1292 .post-date, .postid-1321 .post-date, .post-1321 .post-date, .postid-1365 .post-date, .post-1365 .post-date, .postid-1430 .post-date, .post-1430 .post-date, .postid-1445 .post-date, .post-1445 .post-date, .postid-1494 .post-date, .post-1494 .post-date, .postid-1479 .post-date, .post-1479 .post-date, .postid-1484 .post-date, .post-1484 .post-date, .postid-1365 .post-date, .post-1365 .post-date, .postid-1895 .post-date, .post-1895 .post-date, .postid-2200 .post-date, .post-2200 .post-date, .postid-9941 .post-date, .post-9941 .post-date, .postid-11137 .post-date, .post-11137 .post-date, .postid-11955 .post-date, .post-11955 .post-date {
	display: none;
}
/* B */
.postid-961 .top-post-meta, .post-961 .top-post-meta, .postid-985 .top-post-meta, .post-985 .top-post-meta, .postid-993 .top-post-meta, .post-993 .top-post-meta, .postid-1015 .top-post-meta, .post-1015 .top-post-meta, .postid-1027 .top-post-meta, .post-1027 .top-post-meta, .postid-1023 .top-post-meta, .post-1023 .top-post-meta, .postid-1025 .top-post-meta, .post-1025 .top-post-meta, .postid-1098 .top-post-meta, .post-1098 .top-post-meta, .postid-1102 .top-post-meta, .post-1102 .top-post-meta, .postid-1108 .top-post-meta, .post-1108 .top-post-meta, .postid-1112 .top-post-meta, .post-1112 .top-post-meta, .postid-1129 .top-post-meta, .post-1129 .top-post-meta, .postid-1134 .top-post-meta, .post-1134 .top-post-meta, .postid-1199 .top-post-meta, .post-1199 .top-post-meta, .postid-1202 .top-post-meta, .post-1202 .top-post-meta, .postid-1254 .top-post-meta, .post-1254 .top-post-meta, .postid-1292 .top-post-meta, .post-1292 .top-post-meta, .postid-1321 .top-post-meta, .post-1321 .top-post-meta, .postid-1365 .top-post-meta, .post-1365 .top-post-meta, .postid-1430 .top-post-meta, .post-1430 .top-post-meta, .postid-1445 .top-post-meta, .post-1445 .top-post-meta, .postid-1494 .top-post-meta, .post-1494 .top-post-meta, .postid-1479 .top-post-meta, .post-1479 .top-post-meta, .postid-1484 .top-post-meta, .post-1484 .top-post-meta, .postid-1365 .top-post-meta, .post-1365 .top-post-meta, .postid-1895 .top-post-meta, .post-1895 .top-post-meta, .postid-2200 .top-post-meta, .post-2200 .top-post-meta, .postid-9941 .top-post-meta, .post-9941 .top-post-meta, .postid-11137 .top-post-meta, .post-11137 .top-post-meta, .postid-11955 .top-post-meta, .post-11955 .top-post-meta {
	display: none;
}

/************************************************************************
**  Reset css (ress.css)
*************************************************************************/
/*!
 * ress.css v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}


/************************************************************************
** 基本設定 root
*************************************************************************/
:root {
--kk-main-color: #003366;
--kk-sub-color: #2A5681;
--kk-red: #dd3333;
--kk-dark_red: darkred;
--kk-blue: #2ca9e1;
--kk-dark_blue: #003366;
--kk-green: #008000;
--kk-orange: #ff7d00;
--kk-yellow: #fff000;
--kk-cream: #FFFF69;
--kk-pink: #ff0084;
--kk-gold: #B99B3C;
--kk-brown: #410700;
--kk-dark-gray: #333;
--kk-gray: #999;
--kk-light-gray: #ccc;
--kk-light-gray2: #F0F0F0;
--kk-font-xsmall: 13px;
--kk-font-small: 14px;
--kk-font-medium: 16px;
--kk-font-large: 20px;
--kk-font-xlarge: 22px;
--kk-space-10: 10px;
--kk-space-20: 20px;
--kk-space-30: 30px;
--kk-line-height: 2.0;
}
@media (max-width: 1160px){
:root{
--kk-font-xsmall: 12px;
--kk-font-small: 14px;
--kk-font-medium: 15px;
--kk-font-large: 19px;
--kk-font-xlarge: 19px;
--kk-space-30: 20px;
--kk-line-height: 1.8;
}}

/************************************************************************
** 基本設定
*************************************************************************/
html {
	font-size: 62.5%; /* ブラウザのフォントサイズ1em=10px */
	width: 100%;
	overflow-x: hidden;
	background-color: #fff9ef; /* 背景色 */
}
body {
	overflow: hidden;
}
body, p, dt, dd, ol, ul, dl, .article {
	width: 100%;
	font-family: "Noto Sans JP", sans-serif, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-optical-sizing: auto;
	font-feature-settings: "palt"; /* 約物半角とプロポーショナルメトリクス */
	font-weight: 500;
	font-size: 16px; font-size: 1.6rem; font-size: var(--kk-font-medium);
	line-height: var(--kk-line-height);
	letter-spacing: 0.07em;
	color: #000; /* 文字色 */
	text-align: left;
	margin: 0;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
a, #breadcrumb a {
	color: var(--kk-main-color);
	text-decoration: none;
}
a:hover, #breadcrumb a:hover {
	color: var(--kk-sub-color);
	text-decoration: underline;
}
a, a:before, a:after, input {
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	transition-property: background-color, color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a:hover img {
	opacity: 0.8;
	transition: 0.3s;
}
hr {
	border-top: 1px solid #8c8b8b;
}
.clear hr {
	display: none;
}
ul, ol {
	list-style: none;
}
sup {
	vertical-align: super;
	font-size: var(--kk-font-small);
}
sub {
	vertical-align: sub;
	font-size: var(--kk-font-small);
}
/* clear, clearfix */
.clear {
	clear: both;
}
.clearfix:after, .clearfix:before {
	display: table;
	content: "";
}
/*----------------------------------------------------
 * 見出し article
 * ----------------------------------------------------*/
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
	margin: 3.5em 0 1.8em 0;
	font-weight: 600;
}
.entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
	margin-top: 0!important;
}
.article h1 {
	padding: 20px 0;
	font-size: var(--kk-font-xlarge);
	letter-spacing: 0.1rem;
}
.article h2 { /* midashi-01 */
	padding: 18px 0;
	border-top: 1px solid var(--kk-light-gray);
	border-bottom: 1px solid var(--kk-light-gray);
	border-left: 0px solid #000;
	font-size: var(--kk-font-xlarge);
	letter-spacing: 0.1rem;
	text-align: center;
}
.article h3 { /* midashi-02 */
	position: relative;
	line-height: 1.4;
	padding: 10px 0 8px 18px;
	font-size: var(--kk-font-large);
	border-left: solid 5px var(--kk-main-color);
	border-bottom: 0px solid #e7e7e7;
	color: var(--kk-main-color);
}
.article h4, .article h5, .article h6 { /* midashi-03 */
	position: relative;
	border-bottom: solid 3px var(--kk-light-gray);
	padding: 10px 0 10px 0;
	font-size: var(--kk-font-large);
	line-height: 1.6;
	color: var(--kk-main-color);
	border-left: 0px;
}
.article h4:after, .article h5:after, .article h6:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px var(--kk-main-color);
	bottom: -3px;
	width: 30%;
}

/*----------------------------------------------------
 * 見出し midashi
 * ----------------------------------------------------*/
.midashi-01, h1.midashi-01, h2.midashi-01, h3.midashi-01 {
	padding: 18px 0;
	border-top: 1px solid var(--kk-light-gray);
	border-bottom: 1px solid var(--kk-light-gray);
	border-left: solid 0px var(--kk-main-color);
	font-size: var(--kk-font-xlarge);
	letter-spacing: 0.1rem;
	text-align: center;
	color: #000;
}
/* .midashi-02 */
.midashi-02, h1.midashi-02, h2.midashi-02, h3.midashi-02 {
	position: relative;
	line-height: 1.4;
	padding: 10px 0 8px 18px;
	font-size: var(--kk-font-large);
	border-top: 0px solid var(--kk-light-gray);
	border-bottom: 0px solid var(--kk-light-gray);
	border-left: solid 5px var(--kk-main-color);
	color: var(--kk-main-color);
	text-align: left;
}
/* midashi-03 */
.midashi-03, h3.midashi-03, h4.midashi-03, h5.midashi-03 {
	position: relative;
	border-bottom: solid 3px var(--kk-light-gray);
	padding: 10px 0 10px 0;
	font-size: var(--kk-font-large);
	line-height: 1.6;
	color: var(--kk-main-color);
	border-left: 0px;
}
.midashi-03:after, h3.midashi-03:after, h4.midashi-03:after, h5.midashi-03:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px var(--kk-main-color);
	bottom: -3px;
	width: 30%;
}
@media screen and (max-width: 639px) {
	.midashi-01, h1.midashi-01, h2.midashi-01, h3.midashi-01 {
		padding: 15px 0;
	}
}

/*----------------------------------------------------
 * 見出し 他
 * ----------------------------------------------------*/
/* 見出し red !important;必須 */
h3.red {
	background: var(--kk-red)!important;
	color: #FFF!important;
}
/* タイトル ふせん */
.title-dog {
	position: relative;
	background-color: #FCFAF3;
	padding: 20px;
	margin: 0;
}
.title-dog:after {
	position: absolute;
	clear: both;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 30px 30px 0;
	border-style: solid;
	border-color: #fff #fff #efcd9d #efcd9d;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
/************************************************************************
** table
*************************************************************************/
/* table01 */
.table01 {
	margin: 0 0 20px 0;
}
.table01 td, .table01 th {
	border: 1px solid #bbb;
	padding: 10px 15px 7px;
	background: #fff;
}
.table01 th {
	background: #eee;
	font-weight: normal;
}
@media only screen and (max-width:639px) {
	.table01 tr {
		display: block;
		margin-bottom: 1.5em;
	}
	.table01 th, .table01 td {
		display: list-item;
		list-style-type: none;
		border: none;
	}
	.table01 td {
		border-top: none;
	}
}
@media screen and (max-width: 500px) {
	.table01 th, .table01 td {
		padding: 10px 15px 7px;
		font-size: 95%;
	}
}
/************************************************************************
** list
*************************************************************************/
.article ol, .article ul, .article dl {
	line-height: var(--kk-line-height);
}
.article li {
	padding-bottom: var(--kk-space-10);
}
.article li:last-child {
	padding-bottom: 0;
}
/* list 黒丸 */
.list-disc {
	list-style: disc;
	margin-left: 20px;
	width: calc(100% - 20px);
}
/* list 黒四角 */
.list-square {
	list-style: square;
	margin-left: 20px;
	width: calc(100% - 20px);
}
/* list 数字 */
.list-decimal {
	list-style: decimal;
	margin-left: 20px;
	width: calc(100% - 20px);
}

/* list01 */
ol.list01 {
	counter-reset: list;
	list-style-type: none;
	padding: 0px;
	border: solid 0px #666;
}
ol.list01 li {
	position: relative;
	line-height: 30px;
	margin: 7px 0 7px 40px;
	padding-left: 10px;
	font-weight: normal;
}
ol.list01 li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -35px;
	width: 30px;
	height: 30px;
	background: #666;
	text-align: center;
	color: #fff;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* 投稿 原料リスト */
.materialsList {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.materialsList li a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 20px;
	border-radius: 3px;
	border: 1px solid var(--kk-main-color);
	color: var(--kk-main-color);
	background: #FFF;
	transition: 0.3s;
}
.materialsList li a:hover {
	text-decoration: none;
	background: var(--kk-light-gray2);
}
.materialsList li a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 3px;
	border: 7px solid transparent;
	border-right: 0 solid transparent;
	border-left: 10px solid var(--kk-main-color);
}
/* ソーシャルメディア公式アカウント一覧 List */
#social ul {
	margin: 20px 0;
	padding: 0;
}
#social ul li {
	display: inline-block;
	margin: 0 30px;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat;
	background-position: right top;
}
#social ul li.tw {
	background-image: url(https://kohkan.co.jp/kohkan/wp-content/uploads/2023/10/logo_x_h50.png);
}
#social ul li.fb {
	background-image: url(https://kohkan.co.jp/kohkan/wp-content/uploads/icon_social_facebook_w50.png);
}
#social ul li.ig {
	background-image: url(https://kohkan.co.jp/kohkan/wp-content/uploads/icon_instagram_w50.png);
}
#social ul li.yt {
	background-image: url(youtube.png);
}
#social ul li a {
	display: block;
	height: 50px;
	padding: 0 80px 0 0;
}

/************************************************************************
** レイアウト（Layout）
*************************************************************************/
#container {
	position:relative;
	overflow:hidden;
	background-color: #fff9ef;
}
#header-in, #navi-in, #body-in, #footer-in {
	box-sizing: border-box; /* ▼上書き用 全項目必須 */
	width: 1160px;
	max-width: 100%;
	margin: 0 auto;
}
#body {
	margin-top: 0;
}

#main {
	float: left; /* ▼上書き用 全項目必須 */
	box-sizing: border-box;
	width: 900px;
	margin: 0;
	padding: 40px 0 0;
	border: 0px;
	border-radius: 0;
	position: relative;
	background-color: inherit;
}
#sidebar {
	float: right; /* ▼上書き用 全項目必須 */
	width: 260px;
	margin: 0 0 30px;
	padding: 40px 0 0 30px;
}
/* ------------	1160px　以下 ------------ */
@media screen and (max-width: 1160px) {
	#main {
		padding: 0 15px;
	}
	#main, #navi-in, #body-in, #footer-in {
		float: none;
		width: 100%;
	}
}
/************************************************************************
** ヘッダー(header)
*************************************************************************/
#header {
	margin: 0;
}
#h-top {
	margin: 0;
}
/* ロゴ センタリング強制 */
#header .alignleft {
	float: none!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
#header .alignright { display: none; }
*:first-child + html #header > div { /* IE7 */
	clear: both;
	zoom: 1;
}
/* サイトタイトル */
#site-title, .site-title-img {
	display: block;
	margin: 15px auto;
}
#site-title {
	text-align: center; /* 中央へ */
	text-decoration: none;
	font-weight: normal;
	margin: 15px auto;
}
@media screen and (max-width: 1160px) {
	#site-title, .site-title-img {
		width: 350px;
		max-width: 100%;
		margin: 12px auto;
	}
}
@media screen and (max-width: 639px) {
	#site-title, .site-title-img {
		width: 290px;
	}
}
/* サイトの概要 */
#site-description {
	font-weight: normal;
}
/* パンくず */
#breadcrumb { 
	margin-bottom: 1em;
	font-size: var(--kk-font-xsmall);
}
/************************************************************************
** グローバルナビ（メニュー）（PC）
*************************************************************************/
/*ナビ部分の背景色、ボーダーの調整*/
#navi {
	background-color: var(--kk-main-color);
	border: none;
}
#navi ul {
	position: relative;
	clear: both;
	border: 0px solid var(--kk-light-gray); /* カスタム */
	background-color: var(--kk-main-color); /* カスタム */
	border-radius: 0; /* カスタム */
	margin: 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
#navi ul ul {
	box-sizing: content-box;
}
/*ナビボタンの幅指定*/
#navi ul > li {
	float: left;
	list-style: none;
	position: relative;
	width: calc(100%/6); /* 6等分 */
	text-align: center;
}
/*ナビボタンの文字色、ボーダーの調整*/
#navi ul li a {
	font-size: 14px;
	display: block;
	padding: 1.2em 0;
	text-decoration: none;
	z-index: 99;
	border-left: 1px solid #fff4ea; /* カスタム */
	color: #fff; /* カスタム */
}
/*ナビボタンのhoverの背景色*/
#navi ul li a:hover {
	background-color: #2A5681; /* カスタム */
	color: #FFF; /* カスタム */
	transition: 0.3s; /* カスタム */
}
/*ナビボタンの最後、ボーダーの調整*/
#navi ul li:last-child a {
	border-right: 1px solid #fff4ea;
}
#navi ul.sub-menu, #navi ul.children {
	min-width: 195px;
	border: 0;
	background-color: #F4F5F7; /* サブメニュー色 */
	box-shadow: rgba(150, 150, 150, 0.4) 0px 1px 3px 1px;
}
#navi .sub-menu li, #navi .children li {
	min-width: 195px;
	height: 50px; /*メニューの高さ*/
	background-color: #F4F5F7;
	border-top: var(--kk-light-gray) solid 1px;
}
#navi .sub-menu li a, #navi .children li a {
	padding: 18px 10px;
	color: var(--kk-main-color);
	text-align: left;
	line-height: 1.0;
}
/* Clearfix */
#container:after, #navi ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
/* clearfix for ie7 */
#container, #navi ul {
	/*display: inline-block;*/
}
#container, #navi ul {
	display: block;
}
@media screen and (max-width: 1160px) {
	#navi { display: none;} /* 非表示 */
}
/************************************************************************
** アコーディオンツリーメニュー（モバイル）
*************************************************************************/
@media screen and (max-width: 1160px) {
	.fixed {
		position: fixed;
		top: 0;
		width: 100%;
		position: relative;
		z-index: 10000;
	}
	/* MENU 背景 */
	.slicknav_menu {
		display: block;
		background: var(--kk-main-color);
	}
	/* MENU ボタン */
	.slicknav_btn {
		margin: 5px 10px 6px;
		text-decoration: none;
		background-color: var(--kk-sub-color);
	}
	#navi ul {
		display: none;
		border: 0;
	}
	#navi ul li {
		float: none;
		display: block;
		height: auto;
	}
	/* a */
	#navi ul li a {
		padding: 10px;
		color: #FFF;
	}
	#sidebar .ad-space .ad-label {
		display: block;
	}
	#navi ul.sub-menu, #navi ul.children {
		position: relative;
		width: auto;
		border-width: 0;
	}
	#navi ul.sub-menu ul, #navi ul.children ul {
		left: 0;
		top: 0;
	}
	#navi .sub-menu li, #navi .children li {
		height: auto;
		padding-left: 30px;
	}
	/* hover */
	#navi ul li a:hover,
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_row:hover {
		text-decoration: none;
		background: var(--kk-sub-color);
		color: #FFF;
		transition: 0.3s;
	}
}
/************************************************************************
** main 投稿、固定ページ
*************************************************************************/
#main .post,
#main .page,
#under-entry-body{
  margin-bottom: var(--kk-space-20);
}
/* 投稿 id */
#mainContent { 
	background-color: #FFF;
	padding: 50px 20px 20px;
}
.entry-content {
	margin-bottom: var(--kk-space-20);
}
/* 投稿 タイトル */
h1#archive-title,
h1.entry-title {
	display: block;
	margin: 0;
	padding: 35px 30px;
	font-size: var(--kk-font-xlarge);
	line-height: 1.6;
	color: #FFF;
	background-color: var(--kk-main-color);
	background-image: url(https://kohkan.co.jp/kohkan/wp-content/uploads/img_h1_back.png);
	background-position: right;
	background-repeat: no-repeat;
}
/* 日付＋カテゴリー */
header .top-post-meta,
.post-meta {
	margin: 0;
	background-color: inherit;
	font-size: var(--kk-font-xsmall);
	color: var(--kk-gray);
	text-align:right;
}
header .top-post-meta {
	padding: 10px 20px;
	background-color: #FFF;
}
.post-meta {
	padding: 10px 0 0;
}
/* 投稿 p */
.entry-content p {
	margin: 0 0 2em 0;
}
/* 投稿 caption */
.wp-caption {
	padding-top: 0px;
	border: 0;
	border-radius: 0px;
	background-color: inherit;
	text-align: left;
}
.wp-caption-text, .gallery-caption {
	padding-top: 10px;
	margin: 0;
	font-size: 90%;
	color: #8b0000;
}
/* 投稿 引用 blockquote */
.entry-content blockquote {
	color: #464646;
	background: #fff3e1;
}
/* 投稿 ブログカード */
.blog-card-thumbnail {
	padding-right: 25px;
}
.blog-card-excerpt {
	color: var(--kk-dark-gray);
	font-size: 85%;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
}
/* 活動報告ブログ プロフィール */
.prof {
	border-top: solid 1px var(--kk-dark-gray);
	border-bottom: solid 1px var(--kk-dark-gray);
	padding: 15px;
}
.prof-img {
	width: 350px;
}
.prof-img img {
	border-radius: 5px;
}
.prof-text {
	flex: 1;
	padding-left: 10px;
	font-size: var(--kk-font-medium);
	font-size: 1.6rem;
}
.prof-name {
	font-size: 18px;
	font-size: 1.8rem;
}
/* ------------ ? ------------ */
.wpcf7_acceptance-0 {
	margin: 0.5em 0;
	padding: 0.2em;
	background: #fafad2;
}
/* ------------ SNS ------------ */
.sns-btn {
	display: flex;
	margin-top: 20px;
}
.sns-btn li {
	width: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
@media screen and (max-width: 1160px) {
	#mainContent {
		padding: 40px 20px 20px;
	}
	/* タイトル 子要素を親要素からはみ出し100%表示 */
	h1#archive-title,
	#entry-title {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	/* タイトル */
	h1.entry-title {
		padding: 25px 20px;
	}
	/* 投稿 子要素を親要素からはみ出し100%表示 */
	.post, /* 投稿 */
	.page /* 固定ページ */ {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		margin-bottom: 0;
	}
	.hover-card .post {
		margin: 0 0 20px;
		width: 100%;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 639px) {
	#main .post,
	#main .page,
	#under-entry-body{
		margin-bottom: 0;
	}
}
/************************************************************************
** main カテゴリー一覧
*************************************************************************/
.category-description {
	margin: 40px 0 0;
	background: #FFF;
	padding: 15px 20px;
}
#list {
		margin-top: 40px;
}
#main .entry {
  clear: both;
  margin-bottom: 20px;
  word-wrap: break-word;
}
/************************************************************************
** main 関連記事
.related-entry
└.related-entry-thumb
└.related-entry-content
　└.related-entry-snippet
*************************************************************************/
.related-entry-thumb { /* ▼上書き用 全項目必須 */
	margin: 0px;
}
.related-entry-thumb img {
	width: 120px;
	height: auto;
}
.related-entry-content {
	margin-left: 140px;
}
.related-entry-title {
	font-size: var(--kk-font-medium);
	color: var(--kk-main-color);
	margin-bottom: 5px;
}
.related-entry-snippet {
	font-size: var(--kk-font-small);
	color: var(--kk-dark-gray);
	line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
@media screen and (max-width: 380px) {
	.related-entry-thumb {
		float: none;
		display: block;
		margin-left: auto; margin-right: auto;
	}
	.related-entry-thumb img {
		margin: 0 auto 10px;
	}
	.related-entry-content {
		margin-left: 0;
	}
	.related-entry {
		clear: both;
		margin-left: 0;
		margin-bottom: 20px;
	}
}
/************************************************************************
** main navigation（前の記事へ、次の記事へ）
navigation
└#prev-next
　└#prev
　└#next
*************************************************************************/
.navigation {
	margin: 0;
}
#prev-next #prev-title {
	left:0;
}
#prev-next #next-title {
	right:0;
}
#prev-next #prev img, #prev-next #next img {
}
.navigation p {
	margin-top: 10px;
	font-size: var(--kk-font-small);
	color: var(--kk-main-color);
	line-height: 1.6;
}
#prev-next #prev, #prev-next #next {
	width: calc(100%/2);
}
@media screen and (max-width: 639px) {
	#prev-next #prev img, #prev-next #next img {
		float: none;
		display: block;
		margin-left: auto; margin-right: auto;
	}
	.navigation p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}
/************************************************************************
** メインカラム フッター
*************************************************************************/
/* 記事一覧・関連記事一覧 hover */
.hover-card:hover {
	text-decoration: none;
	background-color: #f5f5f5;
	mix-blend-mode: multiply; /* 乗算 */
}
/* 記事一覧 画像 左 */
.entry-thumb img {
	width: 200px;
	height: auto;
}
.entry-card-content {
	margin-left: 220px;
}
/* 記事一覧 タイトル */
.entry-card-content h2 {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: var(--kk-font-large);
	line-height: 1.6;
	color: var(--kk-main-color);
	background-repeat: no-repeat;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
}
/* 関連記事一覧 h2 */
#under-entry-body h2{
	font-size: var(--kk-font-large);
	margin-bottom: 10px;
}
/* 記事一覧 内容文章 */
.entry-snippet {
	font-size: var(--kk-font-small);
	line-height: 1.6;
	color: var(--kk-dark-gray);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	overflow: hidden;
}
/* 記事を読む */
.entry-read,
.related-entry-read {
	display: none;
}
/* 記事フッター タグ */
.footer-post-meta {
	font-size: var(--kk-font-small);
}
@media screen and (max-width: 639px) {
	/* 記事一覧・関連記事 画像 */
	.entry-thumb img {
		width: 130px;
	}
	.entry-card-content {
		margin-left: 140px;
	}
	/* 記事一覧 内容 */
	.entry-snippet {
		-webkit-line-clamp: 2;
	}
	/* 記事フッター タグ */
	.footer-post-meta {
		padding: 20px;
	}
}
@media screen and (max-width: 380px) {
	/* 記事一覧 画像 中央 */
	.entry-thumb {
		float: none;
	}
	/* 記事一覧・関連記事 画像 */
	.entry-thumb img {
		margin: 0 auto 10px;
	}
	.entry-card-content {
		clear: both;
		margin-left: 0;
		margin-bottom: 20px;
	}
}
/************************************************************************
** sidebar-widget
*************************************************************************/
#sidebar-widget {
	overflow: hidden;
}
/* sidebar メニュー */
#sidebar ul, #sidebar ol, .widget-over-article ul, .widget-over-article ol, .widget-under-article ul, .widget-under-article ol, .widget-over-sns-buttons ul, .widget-over-sns-buttons ol, .widget-under-sns-buttons ul, .widget-under-sns-buttons ol {
	margin: 0; /* サイド　メニュー 空きなし*/
	padding: 0;
	list-style: none;
	
}
/* sidebar メニュー タイトル */
#sidebar .menu li a {
	border-left: solid 5px var(--kk-main-color);
	padding: 0 0 4px 10px;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	text-decoration: none; /* リンク下線なし*/
}
/* sidebar サブメニュー */
#sidebar .sub-menu li a {
	display: block;
	border-left: solid 0px var(--kk-main-color);
	background: url(https://kohkan.co.jp/kohkan/wp-content/uploads/nav_mark.png) no-repeat 16px 22px;
	padding: 10px 0px 10px 30px;
	font-size: 15px; font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none; /* リンク下線なし*/
}
/* sidebar メニュー リンクhover色 */
#sidebar .sub-menu li a:hover {
	color: var(--kk-main-color);
	text-decoration: none;
	background-color: #f5f5f5;
	mix-blend-mode: multiply; /* 乗算 */
}
/* sidebar サブメニュー 1番目 */
#sidebar .sub-menu li:first-child {
	width: auto;
	padding: 0;
	margin: 10px 0 0;
	border-top: var(--kk-main-color) solid 1px;
}
/* sidebar サブメニュー 2番目以降 */
#sidebar .sub-menu li {
	width: auto;
	padding: 0;
	margin: 0;
	border-bottom: var(--kk-light-gray) solid 1px;
	border-right: var(--kk-main-color) solid 1px;
	border-left: var(--kk-main-color) solid 1px;
}
/* sidebar サブメニュー 最後 */
#sidebar .sub-menu li:last-child {
	width: auto;
	padding: 0;
	margin: 0;
	border-bottom: var(--kk-main-color) solid 1px;
}
/* sidebar タグクラウド */
.tagcloud a {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 10px;
	font-size: 13px; font-size: 1.3rem;
	color: var(--kk-main-color);
	border-radius: 5px;
	border: 1px solid var(--kk-main-color);
}
/* sidebar タグクラウド リンクhover色 */
.tagcloud a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
	mix-blend-mode: multiply; /* 乗算 */
}
/* sidebar textwidget ----*/
.textwidget img {
	margin-left: auto;
	margin-right: auto;
}
/* sidebar コンタクト */
.side-contact {
	background-color: #f8f5ef;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid var(--kk-light-gray);
	border-bottom: 1px solid var(--kk-light-gray);
}
@media screen and (max-width: 1160px) {
	#sidebar { display: none;} /* 非表示 */
}
/************************************************************************
** footer
*************************************************************************/
#footer a {
	color: #FFF;
}
#footer a:hover {
	color: var(--kk-light-gray);
}
#footer-widget {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
/* ボタン お問い合わせフォーム */
a.btn_form {
	display: block;
	text-decoration: none;
	margin: 10px 0 5px;
	padding: 10px 0 13px;
	border: 1px solid #FFF;
	text-align: center;
	line-height: 1;
	color: #fff;
}
a.btn_form:hover {
	background: #2A5681;
}
@media screen and (max-width: 1160px) {
	#footer-widget div {
		flex: 1 calc(100% / 2);
	}
	#footer-widget li,
	.footer-right .textwidget {
		font-size: var(--kk-font-small);
	}
	.footer-right {
		 margin-top: 15px;
	}
}
@media screen and (max-width: 639px) {
	#footer-widget div {
		flex: 1 100%;
	}
	#footer-widget ul {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#footer-widget li a {
		display: block;
		box-sizing: border-box;
		margin-right: 20px;
		padding: 0;
		color: #FFF;
		transition: 0.3s;
	}
}
/* ================================================================
================================================================
 * カスタム
================================================================
================================================================== */
/* ----------------------------------------------------------------------
 Column layout - カラムレイアウト
---------------------------------------------------------------------- */
.post_row {
	line-height: 2.4;
	display: flex;
	flex-wrap: wrap;
}
.post_col {
	margin-bottom: 2em;
}
.post_col-2 {
	margin-right: 60px;
	width: calc(50% - 30px);
}
.post_col-2:nth-of-type(2n) {
	margin-right: 0;
}
.post_col-3 {
	margin-right: 25px;
	width: calc(100% / 3 - 25px);
}
.post_col-3:nth-of-type(3n) {
	margin-right: 0;
}
.post_col:last-of-type {
	margin-right: 0;
}
.post_col_flex.reverse .post_col-2:last-of-type {
	margin-right: 60px;
}
.post_col_flex.reverse .post_col-2:first-of-type {
	margin-right: 0px;
}
.post_col > *:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 1160px) {
	.post_col-2 {
		margin-right: 40px;
		width: calc(50% - 20px);
	}
	.post_col-2:nth-of-type(2n) {
		margin-right: 0;
	}
	.post_col_flex.reverse .post_col-2:last-of-type {
		margin-right: 40px;
	}
	.post_col_flex.reverse .post_col-2:first-of-type {
		margin-right: 0px;
	}
}
@media screen and (max-width: 639px) {
	.post_row {
		display: block;
	}
	.post_col-2 {
		margin-right: 0px;
		width: auto;
	}
	.post_col-3 {
		margin-right: 0px;
	}
}
/*----------------------------------------------------
	box
----------------------------------------------------*/
/* ------------ Box-黄色 ------------ */
.box-yellow {
	border-radius: 5px;
	background: #fffaf2;
	border: 1px solid #ffecbc;
	padding: 2.0rem;
}
/* ------------ Box-黄色・白文字 ------------ */
.box-yellow-white {
	border-radius: 5px;
	background: #fef8e9;
	border: 1px solid #ffb94a;
	padding: 0.5em 1em;
	color: #ff5a00;
}
/* ------------ Box-グレー ------------ */
.box-glay {
	background: #fef8e9;
	padding: 1rem 1.5rem;
}
/* ----------------------------------------------------------------------
 aligncenter, alignright, alignleft
---------------------------------------------------------------------- */
img.alignright {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 1em;
}
.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignleft,
img.alignleft,
.alignleft-important,
img.alignleft-important {
	float: left;
	margin-left: 0;
	margin-right: auto;
	padding-right:1em;
}
.alignright,
img.alignright,
.alignright-important,
img.alignright-important {
	float: right;
	margin-right: 0;
	margin-left: auto;
	padding-left:1em;
}
/*----- 639px以下 画像回り込み解除 ----*/
@media screen and (max-width: 639px) {
	/* センタリング */
	.alignleft, img.alignleft, .wp-caption.alignleft,
	.alignright, img.alignright, .wp-caption.alignright {
		float: none;
		display: block;
		margin-left: auto!important;
		margin-right: auto!important;
		padding:0!important;
	}
	/* 左右固定 XXX-important */
	.alignleft-important,
	img.alignleft-important {
		float: none!important;
		display: block!important;
		margin-left: 0!important;
		margin-right: auto!important;
		padding-right:1em!important;
	}
	.alignright-important,
	img.alignright-important {
		float: none!important;
		display: block!important;
		margin-right: 0!important;
		margin-left: auto!important;
		padding-left:1em!important;
	}
}
/*----------------------------------------------------
 * 表示・非表示　min640px max639px
 * ----------------------------------------------------*/
/* 全 非表示 */
.dpnone-all, #site-description { display: none; }
/* PC 非表示（画面サイズが639px以上に適用） */
@media screen and (min-width:639px) {
	.smp, .pcnone, .pcnone_500 { display: none !important; }
}
/* PC以外 非表示（画面サイズが640px以下に適用） */
@media screen and (max-width:640px) {
	.pc, .dpnone, .dpnone_500, .mbnone { display: none !important; }
}
/*----------------------------------------------------
 * 改行・改行無効 max639px
 * ----------------------------------------------------*/
/* 639px以上 改行しない */
@media screen and (min-width: 639px) {
	.br-sp { display: none !important;
}}
/* 639px以下 改行 */
.br-sp { display: inline; }

/* ================================================================
================================================================
 * 共通CSS
================================================================
================================================================== */
/*----------------------------------------------------
 * CSS Grid
 * ----------------------------------------------------*/
.cssgrid {
	display: grid !important;
	grid-column-gap: 1.5rem;
	grid-row-gap: 2.0rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 可変 */
	grid-auto-flow: row;
}
/* ------ TCD EVERYのみ必要
.cssgrid div {
	width: 100% !important;
	max-width: 100% !important;
}
------ */
/* 可変 */
.cssgrid-100 { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
.cssgrid-150 { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.cssgrid-200 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.cssgrid-250 { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.cssgrid-300 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.cssgrid-400 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }

/* PC */
.grid-pc1 { grid-template-columns: 1fr; }
.grid-pc2 { grid-template-columns: repeat(2, calc(50% - 0.75rem)) }
.grid-pc3 { grid-template-columns: repeat(3, calc(33.33333% - 1rem)) }
.grid-pc4 { grid-template-columns: repeat(4, calc(25% - 1.125rem)) }
.grid-pc5 { grid-template-columns: repeat(5, calc(20% - 1.2rem)) }

/* Pad 639px以下 */
@media screen and (max-width: 639px) {
	.grid-pd1 { grid-template-columns: 1fr; }
	.grid-pd2 { grid-template-columns: repeat(2, calc(50% - 0.75rem)) }
	.grid-pd3 { grid-template-columns: repeat(3, calc(33.33333% - 1rem)) }
	.grid-pd4 { grid-template-columns: repeat(4, calc(25% - 1.125rem)) }
}

/* Mobile 480px以下 */
@media screen and (max-width: 480px) {
	.grid-mb1 { grid-template-columns: 1fr }
	.grid-mb2 { grid-template-columns: repeat(2, calc(50% - 0.75rem)) }
	.grid-mb3 { grid-template-columns: repeat(3, calc(33.33333% - 1rem)) }
	.grid-mb4 { grid-template-columns: repeat(4, calc(25% - 1.125rem)) }
}

/* 余白 横 */
.ggap5 { grid-column-gap: 5px !important; }
.ggap10 { grid-column-gap: 10px !important; }
.ggap20 { grid-column-gap: 20px !important; }
.ggap30 { grid-column-gap: 30px !important; }

/* 余白 縦 */
.rgap5 { grid-row-gap: 5px !important; }
.rgap10 { grid-row-gap: 10px !important; }
.rgap20 { grid-row-gap: 20px !important; }
.rgap30 { grid-row-gap: 30px !important; }

/*----------------------------------------------------
	flexbox
----------------------------------------------------*/
.flex-container {
	display: flex;
	flex-wrap: nowrap; /*要素を折り返す*/
	flex-direction: row; /* 要素の配置方向（初期値 左から右 row） */
	justify-content: flex-start; /* flexアイテムの配置 （初期値 左寄せ flex-start） */
	align-items: stretch; /* 子要素を縦軸で上下のどこで揃えるか （初期値 上部揃え stretch） */
	align-content: flex-start; /* flexアイテムを折り返したときに上下の配置や余白を指定 上寄せで配置 */
	padding-left: 0;
}
.flex-item {
	flex-grow: 0; /* flexアイテムの比率（初期値 0 指定しない）	*/
	flex-shrink: 1; /* flexアイテムの縮小率 （初期値 1 1:1） */
	flex-basis: auto; /* flexアイテムの基本の幅を指定 */
	margin: 2px;
}
@media screen and (max-width: 639px) { /* Tablet */
		.flex-item{
				display:block;
		}
}
/*----------------------------------------------------
 * button ※button使用不可（テーマテンプレートが使用）
 * ----------------------------------------------------*/
a.btn01 {
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	font-weight: 700;
	cursor: pointer;
	margin: 1.3em 0;
	padding: 20px 40px;
	transition: background-color 100ms ease-in-out;
	background-color: var(--kk-main-color);
	outline: solid 1px var(--kk-main-color);
	color: #FFF;
	text-align: center;
	line-height: 1.6;
	border-radius: 5px;
}
/* Tablet 639px以下 */
@media screen and (max-width: 639px) { /* Tablet */
	a.btn01 {
		display: block;
		padding: 15px 20px;
	}
}
/* hover 色＋白文字 */
a.btn01:hover {
	text-decoration: none;
	background-color: var(--kk-sub-color);
	outline: solid 1px var(--kk-sub-color);
	color: #FFF;
	transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
}
/* 横幅 100% */
a.btn01-100, a.btn01-full { display: block; border-radius: 0px; }
/* 横幅 80% */
a.btn01-90 { display: block; width: 80%; margin-left: auto; margin-right: auto; }
/* 横幅 50% */
a.btn01-50, a.btn01-center	{ display: block; width: 50%; margin-left: auto; margin-right: auto; }
/* 矢印 */
.arrow-right:before {
	font-family: FontAwesome;
	content: "\f061";
}

/*----------------------------------------------------
 * 装飾
----------------------------------------------------*/
/* 角丸 border-radius*/
.bdr { border-radius: 15px !important; }
.bdr3, .r3, .br3 { border-radius: 3px !important; }
.bdr5, .r5, .br5 { border-radius: 5px !important; }
.bdr10, .r10, .br10 { border-radius: 10px !important; }
.bdr15, .r15, .br15 { border-radius: 10px !important; }
.bdr20, .r20, .br20 { border-radius: 20px !important; }

/* ボーダー ボトム border-bottom */
.bdb-gray { border-bottom: 1px solid var(--kk-dark-gray) !important; }

/* ------------ 色地 background-color ------------ */
/* ホワイト */
.bg-white { background-color: #FFF }
/* レッド */
.bg-red { background-color: var(--kk-red);}
a.bg-red { background-color: var(--kk-red); outline: solid 1px var(--kk-red); color: #FFF }
a.bg-red:hover { background-color: #FFF; outline: solid 1px var(--kk-red); color: var(--kk-red); }
/* ピンクレッド */
.bg-pinkred { background-color: #ff2525 }
a.bg-pinkred { background-color: #ff2525; outline: solid 1px #ff2525; color: #FFF }
a.bg-pinkred:hover { background-color: #FFF; outline: solid 1px #ff2525; color: #ff2525 }
/* ワインレッド */
.bg-winered { background-color: #c01f0e }
a.bg-winered { background-color: #c01f0e; outline: solid 1px #c01f0e; color: #FFF }
a.bg-winered:hover { background-color: #FFF; outline: solid 1px #c01f0e; color: #c01f0e }
/* イエロー */
.bg-yellow { background-color: var(--kk-yellow) }
a.bg-yellow { background-color: var(--kk-yellow); outline: solid 1px var(--kk-yellow); color: #FFF }
a.bg-yellow:hover { background-color: #FFF; outline: solid 1px var(--kk-yellow); color: var(--kk-orange) }
/* クリーム */
.bg-cream { background-color: #fffaf0 }
a.bg-cream { background-color: #fffaf0; outline: solid 1px #fffaf0; }
a.bg-cream:hover { background-color: #FFF; outline: solid 1px #fffaf0; color: #FF7F00 }
/* ブルー */
.bg-blue { background-color: var(--kk-blue) }
a.bg-blue { background-color: var(--kk-blue); outline: solid 1px var(--kk-blue); color: #FFF }
a.bg-blue:hover { background-color: #FFF; outline: solid 1px var(--kk-blue); color: var(--kk-blue) }
/* ブルー淡い色 */
.bg-blue2 { background-color: #eef5fa }
a.bg-blue2 { background-color: #eef5fa; outline: solid 1px #eef5fa; color: #FFF }
a.bg-blue2:hover { background-color: #FFF; outline: solid 1px #2980b9; color: #2980b9 }
/* ダークブルー */
.bg-dark_blue { background-color: var(--kk-main-color) }
a.bg-dark_blue { background-color: var(--kk-main-color); outline: solid 1px var(--kk-main-color); color: #FFF }
a.bg-dark_blue:hover { background-color: #FFF; outline: solid 1px var(--kk-main-color); color: var(--kk-main-color) }
/* グリーン */
.bg-green { background-color: #27ae60 }
a.bg-green { background-color: #27ae60; outline: solid 1px #27ae60; color: #FFF }
a.bg-green:hover { background-color: #FFF; outline: solid 1px #27ae60; color: #27ae60 }
/* オレンジ */
.bg-orange { background-color: var(--kk-orange) }
a.bg-orange { background-color: var(--kk-orange); outline: solid 1px var(--kk-orange); color: #FFF }
a.bg-orange:hover { background-color: #FFF; outline: solid 1px var(--kk-orange); color: var(--kk-orange) }
/* レッド-オレンジ グラデ */
.bg-red-orange{ background: linear-gradient(to right, var(--kk-red) 0%, #FF7F00 100%) outline: 0px }
a.bg-red-orange { background: linear-gradient(to right, var(--kk-red) 0%, #FF7F00 100%); color: #FFF; outline: 0px }
a.bg-red-orange:hover { background: linear-gradient(to right, #FF7F00 0%, #FF7F00 100%); color: #FFF; outline: 0px }
/* ゴールド */
.bg-gold { background-color: var(--kk-gold) }
a.bg-gold { background-color: var(--kk-gold); outline: solid 1px var(--kk-gold); color: #FFF }
a.bg-gold:hover { background-color: #FFF; outline: solid 1px var(--kk-gold); color: var(--kk-gold) }
/* 淡いゴールド */
.bg-gold2 { background-color: #FAF7F3 }
a.bg-gold2 { background-color: #FAF7F3; outline: solid 1px #FAF7F3 }
a.bg-gold2:hover { background-color: #FFF; outline: solid 1px var(--kk-gold) }
/* ブラウン */
.bg-blown { background-color: var(--kk-brown) }
a.bg-blown { background-color: var(--kk-brown); outline: solid 1px var(--kk-brown); color: #FFF }
a.bg-blown:hover { background-color: #FFF; outline: solid 1px var(--kk-brown); color: var(--kk-brown) }
/* 濃いグレー */
.bg-grey ,.bg-gray { background-color: var(--kk-gray) }
a.bg-grey, a.bg-gray { background-color: var(--kk-gray); outline: solid 1px var(--kk-gray); color: #FFF }
a.bg-grey:hover, a.bg-gray:hover { background-color: #FFF; outline: solid 1px var(--kk-gray); color: var(--kk-gray) }
/* 淡いグレー */
.bg-grey2, .bg-gray2 { background-color: var(--kk-light-gray2) }
a.bg-grey2, a.bg-gray2 { background-color: var(--kk-light-gray2); outline: solid 1px var(--kk-light-gray2); }
a.bg-grey2:hover, a.bg-gray2:hover { background-color: #FFF; outline: solid 1px var(--kk-light-gray2); color: var(--kk-gray) }
/* ブラック */
.bg-black { background-color: #000 }
a.bg-black { background-color: #000; outline: solid 1px #000; color: #FFF }
a.bg-black:hover { background-color: #FFF; outline: solid 1px #000; color: #000 }

/* ------------ 白地＋色枠 border ------------ */
/* レッド */
.bd-red { border: solid 1px var(--kk-red); }
a.bd-red { border: solid 1px var(--kk-red); background-color: #FFF; color: var(--kk-red); }
a.bd-red:hover { border: solid 1px var(--kk-red); background-color: var(--kk-red); color: FFF }
/* オレンジ */
.bd-orange { border: solid 1px var(--kk-orange) }
a.bd-orange { border: solid 1px var(--kk-orange); background-color: #FFF; color: var(--kk-orange) }
a.bd-orange:hover { border: solid 1px var(--kk-orange); background-color: var(--kk-orange); color: #FFF }
/* クリーム */
.bd-cream { border: 1px solid #ffecbc }
/* ブルー */
.bd-blue { border: solid 1px var(--kk-blue) }
a.bd-blue { border: solid 1px var(--kk-blue); background-color: #FFF; color: var(--kk-blue) }
a.bd-blue:hover { border: solid 1px var(--kk-blue); background-color: #2980b9; color: #FFF }
/* ダークブルー */
.bd-dark_blue { border: solid 1px var(--kk-main-color) }
a.bd-dark_blue { border: solid 1px var(--kk-main-color); background-color: #FFF; color: var(--kk-main-color) }
a.bd-dark_blue:hover { border: solid 1px var(--kk-main-color); background-color: var(--kk-main-color); color: #FFF }
/* 皇漢ブラウン */
.bd-blown { border: solid 1px var(--kk-brown) }
a.bd-blown { border: solid 1px var(--kk-brown); background-color: #FFF; color: var(--kk-brown) }
a.bd-blown:hover { border: solid 1px var(--kk-brown); background-color: var(--kk-brown); color: #FFF }
/* ゴールド（星）*/
.bd-gold { border: solid 1px var(--kk-gold) !important; }
a.bd-gold { border: solid 1px var(--kk-gold); background-color: #FFF !important; color: var(--kk-gold) !important; }
a.bd-gold:hover { border: solid 1px var(--kk-gold); background-color: var(--kk-gold) !important; color: #FFF !important; }
/* グレー */
.bd-glay, .bd-gray { border: solid 1px var(--kk-gray); }
a.bd-glay, a.bd-gray { border: solid 1px var(--kk-gray); background-color: #FFF; color: var(--kk-gray) }
a.bd-glay:hover, a.bd-gray:hover { border: solid 1px var(--kk-gray); background-color: var(--kk-gray); color: #FFF }
/* グレー2 淡い */
.bd-glay2, .bd-gray2 { border: solid 1px var(--kk-light-gray); }
a.bd-glay2, a.bd-gray2 { border: solid 1px var(--kk-light-gray); background-color: #FFF; color: #000 }
a.bd-glay2:hover, a.bd-gray2:hover { border: solid 1px var(--kk-light-gray); background-color: var(--kk-light-gray); color: #000 }

/*----------------------------------------------------
 * font
----------------------------------------------------*/
/* 文字 アンダーライン */
.under_yellow { background: linear-gradient(transparent 50%, var(--kk-yellow) 50%) }
.under_blue { background: linear-gradient(transparent 50%, var(--kk-blue) 50%) }

/* 文字色	font-color */
.red, .fc-red { color: var(--kk-red)!important; }
.dark_red { color: darkred !important; }
.blue { color: var(--kk-blue) !important; }
.dark_blue { color: var(--kk-main-color) !important; }
.green { color: var(--kk-green) !important; }
.orange, .fc-orange { color: var(--kk-orange) !important; } /* #ff4800 */
.yellow { color: var(--kk-yellow) !important; }
.cream, .fc-cream { color: var(--kk-cream) !important; }
.pink { color: var(--kk-pink) !important; }
.gold { color: var(--kk-gold) !important; }
.brown, .fc-brown { color: var(--kk-brown) !important; }
.gray { color: var(--kk-dark-gray) !important; }
.black { color: #000 !important; }
.white, .fc-w, a.fc-w:hover { color: #FFF !important; }

/* 文字の太さ	font-weight */
.normal { font-weight: normal !important; font-weight: 500 !important; }
b, .bold { font-weight: bold !important; font-weight: 700 !important; }

/* 文字配置	text-align */
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }

/* ------------ 文字サイズ	font-size ------------ */
.fs80, .text80 { font-size: 80%; line-height: 1.6 !important; }
.fs85, .text85 { font-size: 85%; line-height: 1.6 !important; }
.fs90, .text90 { font-size: 90% !important; }
.fs100, .text100 { font-size: 100% !important; }
.fs110, .text110 { font-size: 110% !important; }
.fs120, .text120 { font-size: 120% !important; }
.fs130, .text130 { font-size: 130% !important; }
.fs140, .text140 { font-size: 140% !important; }
.fs150, .text150 { font-size: 150% !important; }
.fs160, .text160 { font-size: 160% !important; }
.fs170, .text170 { font-size: 170% !important; }
.fs180, .text180 { font-size: 180% !important; }
.fs190, .text190 { font-size: 190% !important; }
.fs200, .text200 { font-size: 200% !important; }

/* 文字サイズ	ピクセル固定 */
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f26 { font-size: 26px !important; }
.f28 { font-size: 28px !important; }

/* Pad 639px以下 */
@media screen and (max-width: 639px) {
	.mb-text100 { font-size: 100% !important; }
	.mb-text120 { font-size: 120% !important; }
	.mb-text150 { font-size: 150% !important; }
}

/* ------------ 改行 ------------ */
.lh15 { line-height: 1.5 !important; }

/*----------------------------------------------------
 * width
 * ----------------------------------------------------*/
.w30 { width: 30px !important; }
.w70 { width: 70px !important; }
.w100 { width: 100px !important; }
.w165 { width: 165px !important; }
.w210 { width: 210px !important; }
.w270 { width: 270px !important; }
.w330 { width: 330px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w530 { width: 530px !important; }
.w555 { width: 555px !important; }
.w690 { width: 690px !important; }
.w980 { width: 980px !important; }

/*----------------------------------------------------
 * margin
----------------------------------------------------*/
/* margin */
.m0 { margin: 0px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
/* margin 上下 */
.mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
/* margin-top */
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
/* margin-bottom */
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
/* margin-right */
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
/* margin-left */
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

/*----------------------------------------------------
 * padding
----------------------------------------------------*/
/* padding */
.p0, .pd0 { padding: 0px !important; }
.p5, .pd5 { padding: 5px !important; }
.p10, .pd10 { padding: 10px !important; }
.p15, .pd15 { padding: 15px !important; }
.p20, .pd20 { padding: 20px !important; }
.p25, .pd25 { padding: 25px !important; }
.p30, .pd30 { padding: 30px !important; }
.p40, .pd40 { padding: 40px !important; }
.p50, .pd50 { padding: 50px !important; }
/* padding-top */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt10 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
/* padding-bottom */
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
/* padding-right */
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
/* padding-left */ 
.pl0 { padding-left: 0px !important; }
.p5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
/* padding 他 */ 
.pd5-15 { padding: 5px 15px !important; }
.pd5-20 { padding: 5px 20px !important; }
.pd10-15 { padding: 10px 15px !important; }
.pd10-20 { padding: 10px 20px !important; }

/*----------------------------------------------------
 * プラグイン ビジュアルエディタ　調整
----------------------------------------------------*/
/* カラムブロックのgap */
.wp-block-columns.is-layout-flex {
	gap: 1em;
}
/* カラムブロックのブレイクポイントを設定 */
@media (max-width: 638px) {
		/* 638px以下でカラムが縦に積み重なるように設定 */
		.wp-block-columns {
				flex-wrap: wrap !important;
		}
		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
				flex-basis: 100% !important;
		}
}
@media (min-width: 639px) {
		/* 639px以上でカラムが横並びになるように設定 */
		.wp-block-columns {
				flex-wrap: nowrap !important;
		}
		.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
				flex-basis: 0 !important;
				flex-grow: 1 !important;
		}
}
/*----------------------------------------------------
 * プラグイン What's New Generator　調整
----------------------------------------------------*/
/* whatsnew */
div.whatsnew a {
  background-color: #FFF!important;
  padding: 20px 10px !important;
  border-left: solid 1px #ccc!important;
  border-right: solid 1px #ccc!important;
  text-decoration: none!important;
  box-shadow: none!important;
}
div.whatsnew a:hover {
  background-color: #f2f2f2!important;
}
/* DATE */
div.whatsnew dt {
	clear: left!important; /* 左寄せ 解除 */
	margin: 0!important;
	padding: 0!important;
	border: 0!important;
	font-size: 15px; font-size: 1.5rem; 
	line-height: 1.6 !important; 
	color: #444!important;
	white-space: nowrap!important;
}
/* 記事 */
div.whatsnew dd {
	margin: 0!important;
	padding: 0 2px!important;
	line-height: 1.6 !important; 
}
@media screen and (min-width: 639px) { /* 639px以上 */
	div.whatsnew dl {
		overflow: hidden!important;
	}
	div.whatsnew dt {
		float: left; /* 左寄せ */
		width: 8.1em!important;
	}
}
/*----------------------------------------------------
 * プラグイン The Post Grid　調整
----------------------------------------------------*/
.tpg-shortcode-main-wrapper .even-grid-item, .tpg-shortcode-main-wrapper .masonry-grid-item {
	margin-bottom: 15px!important;
}
.rt-row {
	margin-left: -7px!important;
	margin-right: -7px!important;
}
.rt-col-lg-1, .rt-col-lg-2, .rt-col-lg-3, .rt-col-lg-4, .rt-col-lg-5, .rt-col-lg-6, .rt-col-lg-7, .rt-col-lg-8, .rt-col-lg-9, .rt-col-lg-10, .rt-col-lg-11, .rt-col-lg-12, .rt-col-lg-24, .rt-col-md-1, .rt-col-md-2, .rt-col-md-3, .rt-col-md-4, .rt-col-md-5, .rt-col-md-6, .rt-col-md-7, .rt-col-md-8, .rt-col-md-9, .rt-col-md-10, .rt-col-md-11, .rt-col-md-12, .rt-col-md-24, .rt-col-sm-1, .rt-col-sm-2, .rt-col-sm-3, .rt-col-sm-4, .rt-col-sm-5, .rt-col-sm-6, .rt-col-sm-7, .rt-col-sm-8, .rt-col-sm-9, .rt-col-sm-10, .rt-col-sm-11, .rt-col-sm-12, .rt-col-sm-24, .rt-col-xs-1, .rt-col-xs-2, .rt-col-xs-3, .rt-col-xs-4, .rt-col-xs-5, .rt-col-xs-6, .rt-col-xs-7, .rt-col-xs-8, .rt-col-xs-9, .rt-col-xs-10, .rt-col-xs-11, .rt-col-xs-12, .rt-col-xs-24 {
	padding-left: 7px!important;
	padding-right: 7px!important;
}
.rt-container, .rt-container-fluid {
	margin: 0!important;
	padding: 0!important;
}
.tpg-even .rt-holder {
	background-color: #FFF!important;
}
.rt-detail { margin: 10px!important; }
 /* h3 title */
h3.entry-title {
	margin: 0!important;
	padding: 0!important;
	border-left: solid 0px #1a4168!important;
	border-bottom: 0px!important;
}
.tpg-shortcode-main-wrapper .rt-detail .entry-title a {
	font-size: 16px; font-size: 1.6rem; font-size: var(--kk-font-medium)!important;
	display: -webkit-box!important;
	-webkit-box-orient: vertical!important;
	-webkit-line-clamp: 2!important;
	overflow: hidden!important;
}
.rt-holder .entry-title a {
	font-weight: 500!important;
	color: var(--kk-main-color) !important;
}
 /* 日付 */
.post-meta-tags, .post-meta-user {
	margin: 10px 0 0!important;
	font-size: 13px; font-size: 1.3rem; font-size: var(--kk-font-xsmall)!important;
	font-weight: 400;
}
@media (max-width: 767px) {
	.tpg-shortcode-main-wrapper .layout2 .rt-holder .rt-detail, .tpg-shortcode-main-wrapper .layout3 .rt-holder .rt-detail {
		padding: 0!important;
	}
}