/*
Theme Name:北郷公園用LIQUID LIGHT カスタムテーマ
Theme URI:
Description:WordPressテーマ「liquid-light」の子テーマです。テンプレートファイルを修正する際は「liquid-light」のテンプレートを直接編集せず、子テーマのディレクトリにファイルをコピーして修正してください。
Template:liquid-light
Author:artful
Version:1.2.2
*/

/*-----------------------------------------------
font-size(base:16px) memo

$font8  : 0.5rem;
$font9  : 0.5625rem;
$font10 : 0.625rem;
$font11 : 0.6875rem;
$font12 : 0.750rem;
$font13 : 0.8125rem;
$font14 : 0.875rem;
$font15 : 0.9375rem;
$font16 : 1rem;
$font17 : 1.0625rem;
$font18 : 1.125rem;
$font19 : 1.1875rem;
$font20 : 1.25rem;
$font21 : 1.3125rem;
$font22 : 1.375rem;
$font23 : 1.4125rem;
$font24 : 1.5rem;
$font25 : 1.625rem;
$font26 : 1.625rem;
$font28 : 1.75rem;
$font30 : 1.875rem;
$font32 : 2rem;
$font35 : 2.19rem;
$font36 : 2.25rem;
$font38 : 2.375rem;
$font39 : 2.4375rem;
$font40 : 2.5rem;
$font50 : 3.125rem;
$font60 : 3.75rem;
-----------------------------------------------*/


/**********************************************************************/
/* jquery plugin */
/**********************************************************************/

/* lightbox */
.modaal-close{
	position: absolute;
	right: -40px;
	top: -40px;
}



/**********************************************************************/
/* liquid-light */
/**********************************************************************/

body{
	font-size:1rem;
}



/* スライダー */
#carousel-generic{
	max-width:calc(1140px - 30px);
	margin-left:auto;
	margin-right:auto;
}
.carousel-item {
	text-align: center;
	max-height: 500px;
}
.carousel-indicators {
    bottom: 0;
}



/* シェアボタン非表示（背景色が無いため） */
.share a.share_pocket,
.share a.share_line{
	display:none;
}



/* ヘッダー */
.logo {
    font-size: x-large;
}
.headline .ttl,
.headline .subttl {
	font-size: small;
	line-height: 1.5;
}
@media (min-width: 769px) {
	a.logo {
		font-size: xx-large;
	}

	.headline .ttl,
	.headline .subttl {
		font-size: medium;
	}
}



/* ナビゲーション */
.navbar-toggler:hover,
.navbar-toggler:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.dropdown-menu {
    top: calc(100% - 1px);
}
.navbar-nav a {
	font-size: 1rem;
	padding: 10px 18px;
}



/* ぱんくず */
.breadcrumb > .active{
	color:#667;
}


/* 記事BOX  */
article.card .card-block {
	background-color: #fff;
}
article.card .card-title{
	height: 2.4em;
}



/* 本文 */
.post_body{
	word-wrap: break-word;
}

.post_body h4{
	font-size:1.25rem;
	font-weight:bold;
}




/************************************************************
 * 投稿一覧
*************************************************************/

/* アイコン表示なし */
.post_time i{display:none;}
.post_cat  i{display:none;}


/* サムネイルなし */
article.card{
	-ms-flex: 100%;
	flex: 100%;
	max-width: 100%;
	margin-bottom:0;
}
article.card .post_links{
	border:none;
	border-bottom:1px solid rgba(119, 119, 119, 0.1);
}
article.card .post_thumb{
	display:none;
}
article.card .card-text{
	display: inline-block;
}
article.card .card-text .post_time{
	min-width:7.5em;
	    font-family: 'Roboto', sans-serif;
}
article.card .card-text .post_cat{
	min-width:7em;
}
article.card .card-title{
	margin-bottom:0;
	margin: .5rem 1rem .5rem 1rem;
	height: auto;
}

@media (min-width:768px) {
	article.card .card-text .post_time{
		display:inline-block;
	}
	article.card .card-text .post_cat{
		display:inline-block;
	}
	article.card .card-title{
		display:block;
	}
}


.btn-primary {
    background-color: #006BDD;
    border-color: #006BDD;
}




/**********************************************************************/
/* origin */
/**********************************************************************/

body {
	font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:15px;
	font-size:0.9375rem;
}

.post_body a,
.post_body a:visited,
.widget a,
.widget a:visited{
    color: #006BDD !important;
}
.post_body a:hover,
.post_body a:active,
.widget a:hover,
.widget a:active{
	color:#D90000  !important;
	background:none;
}

.container{
	max-width:calc(960px + 30px);
}

a.logo {
	font-weight: bold;
	color: #333 !important;
}

.headline{
	border-top:10px solid #417819;
}
.headline .ttl, .headline .subttl{
	font-size:15px;
	font-size:0.9375rem;
}

@media (min-width:768px) {
	a.logo {
		font-size : 40px;
		font-size : 2.5rem;
	}
	.headline .logo_text .subttl .tel{
		display:block;
		color:#417819;
		font-size:20px;
		font-size:1.25rem;
		font-weight:700;
		line-height: 2rem;
	}
}
@media (max-width:767px) {
	.detail{
		padding-top:0;
	}
}

footer{
	background-color:#F6F9E9;
}


/* ヘッダーメニュー */
.navbar{
	border-width:10px;
}
.navbar li,
.navbar .current-menu-item, .navbar .current-menu-parent, .navbar .current_page_item{
	border:none;
}
.navbar .current-menu-item a, .navbar .current-menu-parent > a, .navbar .current_page_item a{
	color:#417819 !important;
	font-weight:700;
}
.navbar-nav a {
	color: #333 !important;
	text-decoration:none;
}
.navbar-nav a:hover,
.navbar-nav a:focus {
	color: #fff !important;
	background-color:#417819;
}
.navbar-nav .dropdown-menu{
	border-radius:0;
	background-color:#417819 !important;
	color:#fff;
}
.navbar-nav .dropdown-item:focus,
.navbar-nav .dropdown-item:hover{
	background-color:#417819 !important;
}
.navbar-nav .dropdown-menu a{
	color:#fff !important;
}
.navbar-nav .dropdown-menu a:hover,
.navbar-nav .dropdown-menu a:focus{
	text-decoration:underline;
}



/* 本文 */
.post_body{
	font-size:15px;
	font-size:0.9375rem;;
}
.post_meta{
	margin-bottom:42px;
}
.post_meta .post_cat{
	color:#fff;
	opacity: 1;
	font-size: 0.875rem;
}

/* 見出し */
.h1, h1{
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:24px;
}
.archive .ttl_h1, .search .ttl_h1{
	border-bottom:none;
}

.h2, h2{
	font-size:20px;
	font-size:1.25rem;
	background:#F4F4F4;
	border-left:8px solid #417819;
	border-bottom:2px solid #417819 !important;
	padding:12px 10px;
}

.post_body  h2:not(:first-child){
	margin-top:52px;
}

.post_body  h2 > span,
.post_body .h2 > span{
	font-weight:700;
	border-bottom:0;
	padding:0;
}

.post_body .h3,
.post_body  h3{
	font-size:18px;
	font-size:1.125rem;
	border-bottom:3px solid #DEDEDE;
	position:relative;
	padding-bottom: 7px;
}
.post_body .h3:before,
.post_body  h3:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 80px;
	height: inherit;
	border-bottom: 3px solid #417819;
}

.post_body  h3:not(:first-child){
	margin-top:32px;
}

.post_body .h4,
.post_body  h4{
	font-size:1rem;
	margin-top:32px;
	color:#417819;

}
.post_body  h4:not(:first-child){
	margin-top:32px;
}


/* ウィジェット */
.widgets{
	font-size:0.875rem;
}
.widget .ttl span{
	padding-left:0;
	padding-right:0;
	display: block;
}
.widget_text ul,
.widget_custom_html ul{
	list-style: disc;
	padding-left: 20px;
}
.widget_text ul li,
.widget_custom_html ul li{
	border: none;
	display: list-item;
	margin-bottom: 0.25rem;
}
.widget_text ul li a,
.widget_custom_html ul li a{
	padding:0;
}
/* 最近の投稿ウィジェット */
.widget.widget_recent_entries ul li{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.widget.widget_recent_entries ul li a{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;

	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding: 16px .2rem 13px;
	font-size:1rem;
	line-height:1.5rem;
	color:#417819 !important;
}
.widget.widget_recent_entries ul li a:hover{
	background:none;
	color:#D90000  !important;
}
.widget.widget_recent_entries ul li .post-date{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;

	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-width:130px;
	padding: 16px .2rem 13px;
	line-height:1.5rem;
}

/* ページフッター */
.widgets.page_footer{
	max-width:calc(960px + 30px);
	margin-left:auto;
	margin-right:auto;
}
.widgets.page_footer > .col,
.widgets.page_footer > [class*="col-"]{
	padding-right: 15px;
	padding-left: 15px;
}


/* トップページ左カラム上 */
#top_left{
	background: #41781911;
	font-size:1rem;
	padding:24px 28px;
	margin-bottom:56px;
}
#top_left .widget:last-child{
	margin-bottom:0;
}
#top_left .widget{
	font-size:15px;
	font-size:0.9375rem;
}
#top_left .widget .ttl{
	color:#D90000;
	font-size:15px;
	font-size:0.9375rem;
}
#top_left .widget .ttl span{
	padding:0;
	border-bottom:0;
}

/* トップページ左カラム下 */

#top_left_postlist .ttl{
	font-size:1.7rem;

}
#top_left_postlist .ttl span{
	border:none;
	padding:0;
}

/* サイドバー */
.sidebar{
	background-color:transparent;
}
.sidebar .widget ul li a {
    padding: 0;
}
.widget_parkrsswidget .rss_date{
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	color:#5F5F5F;
	font-size:13px;
	font-size:0.8125rem;
}
.widget_parkrsswidget ul li a{
	padding:0;
}
.widget_parkrsswidget ul li{
	padding: .5rem 0;
}
.widget_parklistwidget ul li{
	padding: .25rem 0;
}

/* 検索ボタン */
#searchsubmit{
	background-color:#417819;
}

/* トップページ */
body.home #main .mainarea .card{
	padding-left: 0;
	padding-right: 0;
}
.cover{
	background-color:#EBEBEB;
}
#carousel-generic{
	max-width:960px;
}


/* トップページの記事一覧非表示 */
body.home #main{
	display:none;
}

/* 記事BOX  */
article.card .post_links {
	padding:10px 12px;
	border:1px solid #EBEBEB;
	margin-bottom:14px;
	color:#417819;

}
article.card .post_links:hover{
	background:#F6F9E9;
	background-color:#F6F9E9;
}
article.card .post_time,
article.card .post_cat{
	font-size:14px;
	font-size:0.875rem;
	opacity: 1;
}
article.card .card-title{
	height: auto;
}

/* table */
table th{
	background:#F4F4F4;
}


/* ぱんくず */
body.home .widget_breadcrumb_navxt{
	display:none;
}
.widget_breadcrumb_navxt{
	background:#F4F4F4;
	width: 100%;
}
.widget_breadcrumb_navxt .breadcrumbs{
	max-width: calc(960px + 30px);
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	font-size: 0.875rem;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:15px;
	padding-right:15px;
}
.widget_breadcrumb_navxt .breadcrumbs .sep{
	margin-left:12px;
	margin-right:12px;
}
.mainarea nav[aria-label="breadcrumb"],
.mainarea .share{
	display:none;
}