@charset "UTF-8";

/*
# =================================================================
# 基本設定
# =================================================================
*/

/* 本文のカスタマイズ */
body {
	color: #333;
}

body,
input,
textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Arial, "メイリオ", Meiryo, sans-serif;
}

/*
# =================================================================
# フォントの色
# =================================================================
*/

/*リンクの基本色*/
a{
	color: #4773ba;
	text-decoration: none;
	text-decoration: none
}

a:hover,
a:active,
a:focus{
	opacity: 0.7;
}

/*
# =================================================================
# レイアウト
# =================================================================
*/

.keni-section_wrap{
	background: #fff!important;
}

.keni-main_wrap {
	background: #f7f7f7;
}

/*
# =================================================================
# エリアごとのデザイン
# =================================================================
*/

/*
# ヘッダー
*/

.keni-header_wrap{
	padding-top: 0;
}

.site-title a:hover,
.site-title a:active {
	color: #333!important;
}

/* 副題・説明文消す */
.keni-header_cont,
.keni-header_col1 .keni-header_cont,
.site-description{
	display: none;
}

/*
# グローバルメニュー
*/
.keni-gnav-child_btn {
	display:none;
}

.gnav-list > a {
	display: block!important;
	padding: 10px 60px!important;
	text-align: center;
}*/

/*.keni-gnav_inner li:first-child{ 
	border-left: 1px solid #fff;
}*/

/*中央寄せ*/
.keni-gnav_inner ul {
	margin: auto;
}

_::-webkit-full-page-media,_:future,:root .keni-gnav_inner ul {
	margin: auto;
}

_::-webkit-full-page-media,_:future,:root .keni-gnav_inner {
	top:8%;
}

.keni-gnav_wrap {
	background-color: #333;
}

.keni-gnav_inner>ul {
	margin: 0 auto;
}

.keni-gnav_inner li {
	background: #000;
	/*border-right: 1px solid #fff;*/
}

/* パンクズリスト */
.keni-breadcrumb-list li:first-child::before{
	margin-left: 15px;
}

@media (min-width: 768px){
.keni-gnav_inner li a {
	color: #fff;
	border-bottom: none;
	background-color: #333;
	padding: 10px 40px;
	}
}

.keni-gnav_inner li:last-child{
	border-right: none;
}

.admin-bar .keni-gnav_btn.fixed {
	position: fixed;
	top: 20px!important;
	right: 10px;
}

.admin-bar .keni-gnav_btn {
	position: absolute;
	top: 70px!important;
	right: 10px;
}

.keni-gnav_btn {
	top: 20px!important;
	right: 10px;
}

.keni-gnav_btn_icon-close{
	z-index: 9999;
}

.keni-gnav_btn_icon-close::before{
	color: #000000;
}

.keni-gnav_cont .keni-gnav-child_btn_icon-open > .keni-gnav-child_btn::before,
.keni-gnav_cont .keni-gnav-child_btn_icon-close > .keni-gnav-child_btn::before{
	color: #000000;
}

#click-space{
	z-index: 50;
}

@media screen and (max-width:767px) {
.keni-header_wrap {
	z-index: 1!important;
}
.keni-gnav {
		width: 320px;
}

.keni-gnav_inner{
	width: 85%;
	background:#fff;
	position: fixed;
	top: 69px!important;
}

.keni-gnav_inner li  {
		background: #fff;
}

.keni-gnav_inner li a {
	color: #000;
}
	
.search-box {
	background: none!important;
	margin: 0 auto;
	}
}

@media (min-width : 480px){
	.keni-gnav_inner{
		/*display: block!important;
		position: static;*/
	}

	.keni-gnav_inner li a:hover,
	.keni-gnav_inner li a:active,
	.keni-gnav_inner li a:focus{
		border-bottom: none!important;
		color: #fff!important;
	}
}

/*
# ページナビ
*/
.page-nav .current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus {
	background: #4594d1!important;
	/*background: #4775BA!important;*/
	color: #fff!important;
}

/*
# パン屑リスト
*/
.keni-breadcrumb-list_wrap {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

.keni-breadcrumb-list li a{
	color: #333!important;
	text-decoration: none!important;
}

/*
# フッター
*/
.keni-footer_wrap {
	background: #333!important;
	color: #fff;
}

.keni-footer_outer .footer-menu li a {
	color: #fff!important;
	border-bottom: none!important;
}

.keni-copyright_wrap {
	border-top: none!important;
}

.keni-copyright {
	text-align: center;
}

/* 前の記事を消す*/
.nav-links {
	display: none;
}

@media (max-width: 767px) {
	.keni-footer_outer .footer-menu li {
		width: 100%
	}

	.keni-footer_outer .footer-menu .menu {
		display: block;
	}
}

/*
# =================================================================
# 見出しのデザイン
# =================================================================
*/

h2,h3,h4,h5,h6 {
	margin-top: 30px!important;
	margin-bottom: 30px;
}

.keni-main .keni-section h1 {
	margin: 0;
	padding: 0;
}

.entry_title {
	background: #fff!important;
	text-align: center;
}

.entry_title a:hover {
	color: #7b7b7b !important;
}

h2 {
	border-left: 6px solid #4594d1;
	color: #333;
	background: #f7f7f7!important;
	padding: 20px 15px 18px;
	line-height: 40px;
}

h3.sub-section_title {
	color: #fff !important;
}

h3{
	color: #333 !important;
	border-left: 4px solid #4594d1;
	padding: 6px 15px;
	letter-spacing: 1.6px;
	border-top: none;
	border-bottom: 1px dashed #4594d1 !important;
}

h4{
	/*position:relative;*/
	font-weight: 600;
	color: #333 !important;
	background-color: #f1f5fb;
	padding: 10px 20px;
	border-bottom: none !important;
	/*border-top: 1px solid #000000;*/
	letter-spacing: 2.25px;
	line-height: 30px;
}

/*h4::before {
	content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
	background-color: #4594d1;
}*/

h5 {
   color: #333!important;
	border-bottom: 1px solid #000000; 
	padding: 15px;
}

h6{
	color: #333;
}
/*
# =================================================================
# 固定ページ見出しのデザイン
# =================================================================
*/

.post-title {
	border-top: 6px solid #4594d1;
	border-bottom: 1px solid #ddd;
    color: #333;
    padding: 20px 15px 18px!important;
    line-height: 40px; 
    margin-bottom: 30px!important;
}

@media screen and (max-width:767px) {
	.keni-main .keni-section h1 {
		padding: 0 20px;
	}
	
	.keni-main .keni-section_wrap{
		padding: 10px 20px 0;
	}

	.article-body h2 {
		line-height: 30px;
	}
}
/*ボタン*/
/* 続きを読む */
.btn {
	box-shadow: none !important;
}

/*赤色*/
.btn_red{
	background: #eb4141;
	color: #fff;
}

.btn_red:hover{
	color: #fff;
}

.btn_style03{
	background: #265599;
}

/*
# 記事一覧
*/

.archive_title {
	background-color: rgba(0, 0, 0, 0);
	font-size: 25px;
	margin-left: 0 !important;
	padding: 0px 0 10px;
}

.archive-hr {
	width: 20%;
	border: 1px solid #4776BA;
	margin: 0 14px 20px;
}

/*記事ヘッダー*/
.part-entry-date {
	text-align: center;
	font-size: 14px;
	color: #7b7b7b;
	margin-top: 30px;
}

.part-entry-category {
	text-align: center;
}

.part-entry-category a {
	text-decoration: none;
	font-size: 14px;
}

.entry-list .entry_title {
	font-weight: 600;
	line-height: 40px;
	font-size: 25px;
	padding: 0;
}

.entry-list .entry_title a {
	color: #333;
}

.entry-list .entry_thumb {
	float: none;
	max-width: 100%!important;
	max-height:  100%!important;
	margin: 0 auto;
}

.entry_description {
	line-height: 2;
	padding: 0 40px;
}

.entry-list .ently_read-more {
	float: none;
	margin: 30px auto 20px;
}

@media only screen and (max-width : 767px) {
	.entry-list .entry_title {
		padding: 0x;
	}

	.entry_description {
		padding: 0 20px;
	}
	
	.entry-list .entry_thumb {
		margin: 0 auto 10px;
	}
	
	.ently_read-more .btn{
	width: 80%;
	}
}

/*投稿記事ヘッダー*/
.part-entry-category a {
	color: #4773ba !important;
}

/*投稿記事本文*/
.keni-section_wrap {
		margin-bottom: 20px
}

@media (min-width: 768px) {
	.keni-section_wrap {
	padding: 10px 0px;
	}
}

.article-body p{
	margin-bottom: 20px;
}

/*記事一覧の基本設定*/

.keni-section_wrap_style02 {
	padding: 20px 0 0!important;
}

.ently_read-more .btn{
	border: none;
	background-color: #4594d1;
	color: #fff!important;
}

/*著者紹介*/
.profile-box{
	background-color: #fff !important;
}

/*
# 装飾リスト
*/

.list-none {
	list-style: none;
}

/*　目次　全体 */
.toc-area {
	margin-top: 10px;
	margin-bottom: 0px;
}

/*目次間隔狭める・太字*/
.toc-area_inner .toc-area_list li {
	font-size: 16px;
	margin-bottom: 4px;
	margin-left: 15px;
	list-style: decimal;
}

.toc-area_inner .toc-area_list > li::before{
	left: -11px!important;
	margin-left: -1.2em!important;
}

.toc-area_inner .toc-area_list li a {
	color: #333;
}

.toc-area_inner ol ol {
	margin-top: 5px;
}

/* 目次のタイトル */
#keni_toc .toc_title {
	color: #333;
	background-color: #fff;
}

/*目次の数字なくす*/
.toc-area_inner .toc-area_list ol li:before {
	display: none;
}

.toc-area_inner .toc-area_list li:before {
	background: #4594d1!important;
}

.toc-area {
	border: 1px solid #f0f0f0;
}

/*Q&Aリスト*/

.qa-list dt{
	padding: 4px 0 0 50px;
	margin-bottom: 12px;
}

.qa-list dd{
	padding: 4px 0 20px 50px;
}

.qa-list dt::before{
	background: #4594d1;
}

.qa-list dd::before{
	background: #ccc;
}

/*ランキングリスト*/

.ranking-list > li:nth-child(4)::before,
.ranking-list > li:nth-child(5)::before,
.ranking-list > li:nth-child(4) .rank_thumb::before,
.ranking-list > li:nth-child(5) .rank_thumb::before{
	border-color: #4775BA;
}

/*カラーボックス（灰色）*/
.box_style_gray .box_inner{ background-color: #e6f5ff; }
.box_style_gray .list_style02 li::before,
.box_style_gray .box_style_title span{ background-color: #4594d1; }

/*　吹き出し */
.talker .circle {
	margin: 0px 0 3px 0;
	padding: 4px 0 0 0;
}

/*　吹き出し　名前 */
.talker b {
	text-align: center;
	font-size: 0.7em;
	color: #666;
}

/*　吹き出し　全体余白 */
.chat_l {
	padding: 5px 0;
}

/*　吹き出し　余白 */
.chat_l .bubble_wrap {
	margin-top: 16px;
}

/*　吹き出し　三角 */
.bubble .bubble_in::after,
.bubble .bubble_in::before {
	top: 65px;
}

.chat_l .bubble .bubble_in:before,
.chat_r .bubble .bubble_in:before {
		margin-top: -30px;
}

.chat_l .bubble .bubble_in:after,
.chat_r .bubble .bubble_in:after {
	margin-top: -25px;
}

/*吹き出し輪郭線消す*/
.bubble_in::before,
.chat_r .bubble .bubble_in::before,
.chat_l .bubble {
	border: none;
}

.chat_l .bubble .bubble_in::before {
	border: none;
}

/*吹き出し文字1.1倍*/
.bubble_in p {
	font-size: 16px;
}

/*吹き出し間隔狭める*/
.chat_l,
.chat_r {
	margin: 0;
}

@media only screen and (max-width : 767px) {
	h4,h5,h6 {
	margin-top: 20px!important;
	margin-bottom: 20px;
}

	/*　吹き出し */
	.talker {
		width: 25%;
	}

	/*　吹き出し　名前 */
	.talker b {
		text-align: center;
	}

	/*　吹き出し　画像 */
	.talker img {
		width: 90%;
	}

	/*　吹き出し　幅 */
	.chat_r .bubble_wrap {
		padding-right: 70px;
	}

	/*　吹き出し */
	.chat_r>.bubble_wrap>.bubble {
		width: 85%;
	}

	/*　吹き出し　余白 */
	.bubble .bubble_in::after,
	.bubble .bubble_in::before {
		top: 65px;
	}
}

/*あわせて読みたい*/
.box_style {
	border: 1px solid #4594d1;
}

.box_style_gray {
	background-image: none;
}

/*
# 関連記事一覧
*/

/*関連記事一覧の基本設定*/
h2.keni-related-title {
	background-color: #fff !important;
	color: #333 !important;
	border-left: 6px solid #4594d1;
	padding: 6px 15px;
	margin: 20px !important;
}

.keni-related-area {
	background: #fff;
	margin: 0
}

.related-entry-list {
	margin: 0 20px;
}

.related-entry_title a:hover {
	color: #333 !important;
}

/*
# SNSボタン
*/

/*SNSフォローボタン*/

.sns-follow-btn_tw, .sns-follow-btn_fb, .sns-follow-btn_insta, .sns-follow-btn_ws {
	margin-right: 5px;
}

.sns-follow-box_btns_fb,
.sns-follow-box_btns_tw,
.sns-follow-box_btns_insta{
	width: 40px;
	height: 40px;
	font-size: 2.0rem;
	line-height: 22px;
}

.sns-follow-box_btns_fb a:hover,
.sns-follow-box_btns_fb a:focus,
.sns-follow-box_btns_fb a:active,
.sns-follow-box_btns_tw a:hover,
.sns-follow-box_btns_tw a:focus,
.sns-follow-box_btns_tw a:active,
.sns-follow-box_btns_insta a:hover,
.sns-follow-box_btns_insta a:focus,
.sns-follow-box_btns_insta a:active{
	color: #fff;
}

/*画像付きリスト（背景画像＋テキスト）*/

.widget_recent_entries_ranking .list_widget_recent_entries_img > li::before{
	border-color: #5ba9f7;
}

/*リンクカード*/
.keni-link-card_wrap{
	margin-bottom: 0;
	padding: 0;
	border: none;
	border-radius: 0px;
}

.keni-link-card_title a:hover,
.keni-link-card_title a:active,
.keni-link-card_title a:focus{
	text-decoration: none!important;
}

.keni-link-card_url a{
	color: #999;
	text-decoration: none;
}

.keni-link-card_url a:hover{
	color: #999!important;
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.8.0 on 2020-10-31 14:31:41
----------------------------------------------------------------------*/