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

/*-----------------------------------------------
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;
}

@media (min-width: 769px) {
	.navbar > .container{
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
}



/* ぱんくず（breadcrumb navxtプラグイン/ウィジェット） */
body.home .widget_breadcrumb_navxt{
	display:none;
}
.widget_breadcrumb_navxt{
	background:#F4F4F4;
	width: 100%;
}
.widget_breadcrumb_navxt .breadcrumbs{
	max-width: 1140px;
	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;
}
.widget_breadcrumb_navxt .breadcrumbs a:hover{
	background:transparent;
}


/* 記事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;
}



/* アクセシビリティ */
button.navbar-toggler:focus{
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);;
}

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

.navbar-nav a{
	font-size:medium;
}



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



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




/**********************************************************************/
/* origin */
/**********************************************************************/
body {
	font-family: "FP-ヒラギノ丸ゴ ProN W4", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	min-width:300px;
	line-height: 1.667;
}
.logo,.navbar,h1,h2,h3, .top_header .ttl{
	font-family: "FOT-筑紫B丸ゴシック Std B", "FP-ヒラギノ丸ゴ ProN W4", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}
.wrapper {
	background-color: rgba(255, 255, 255, 0.7);
}



/* リンク */
.top_header a,
.top_header a:visited,
#top_footer a,
#top_footer a:visited,
footer a,
footer a:visited,
.sidebar a,
.sidebar a:visited,
.detail_text a,
.detail_text a:visited{
	color:#0645AD;
}
footer a:hover,
.sidebar a:hover,
.detail_text a:hover{
	color:#D90000;
	background:none;
}
.btn-primary{
	background-color:#0645AD;
}




/* header */
a.logo {
	font-size: 40px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #00594B !important;
	line-height:1;
	display:inline-block;
	padding-top:18px;
	padding-bottom:18px;
	z-index: 2;
	position: relative;
}
.headline{
	padding:0;
	border-top: 30px solid #00594B;
	position: relative;
}
.headline .row{
	flex-direction: column-reverse;
}
.headline .row [class^="col-"]{
	width:100%;
	max-width:100%;
}
.headline .logo_text{
	color:#fff;
	background:#00594B;
	text-align:left;
	position: absolute;
	top: -30px;
	left: 0;
	padding-left:15px;
	padding-right:15px;
}
.headline .logo_text .subttl{
	font-size:14px;
	line-height: 30px;
}


/* ナビゲーション */
.navbar{
	border:none;
}
.navbar-nav li{
	border:none !important;
	padding: 0 6px;
}
.navbar-nav a{
	font-size:1rem;
	line-height:1.625;
	padding: 0 10px;
	border-radius:15px;
}
.navbar .menu-item a{
	border:none;
}
/*
.navbar-nav a:visited{
	color:#333333 !important;
}
*/
.navbar-nav a.current-menu-item{
	color:#00594B !important;
}
.navbar-nav a:hover{
	color:#fff !important;
	background-color:#00594B !important;
	text-decoration:none;
}

.navbar-toggler{
	top:-50px;
}
@media (min-width: 769px) {
	.navbar > .container{
		-ms-flex-pack: right !important;
		justify-content: right !important;
		margin-top:-66px;
	}
	.navbar > .container ul{
		margin-left:260px;
	}
}

.navbar .current-menu-item a{
	border:1px solid #00594B;
}
body.home .navbar .current-menu-item a{
	border:none !important;
}


/* footer */
footer{
	background:rgba(0, 89, 75, 0.1);
	font-size:15px;
	font-size:0.9375rem;

}
footer a,
footer a:visited{
	text-decoration:underline;
}

footer .widget a {
	color:#0645AD;
}
footer .widget a:hover,
footer .widget a:focus {
	background:#fff;
	color: #00594B;
	text-decoration:none;
}
footer .widget .ttl span{
	padding-left:10px;
	padding-right:10px;
	font-size:1rem;
}


/* sidebar */
.sidebar{
	background:#fff;
}
.sidebar .widget ul li a{
	padding:0;
}













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


/* ページネーション */
span.current,
.page-numbers a {
	border-color: rgba(119, 119, 119, 0.5) !important;
}







/* スライダー */
.cover{
	background:#F1F1F1;
}
#carousel-generic{
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
}
.carousel-item {
	text-align: center;
	max-height: 500px;
}


/* ウィジェット */
.sidebar .widget ul,
#top_footer .widget ul,
footer .widget ul{
	padding-left:20px;
	list-style:disc;
}
.sidebar .widget ul li,
#top_footer .widget ul li,
footer .widget ul li{
	border-bottom:0;
	display:list-item;
}
.searchform input[type="submit"]{
	background: #00594B;
	border:none;
}

/* 公園一覧・公園RSS */
.widget.widget_parklistwidget ul,
.widget.widget_parkrsswidget ul{
	padding-left:0;
	list-style:none;
}
.widget.widget_parkrsswidget .rss_date{
	font-size:small;
}
.widget.widget_parkrsswidget ul li{
	margin-bottom:6px;
}


.detail{
	padding-top:4.5rem;
}
.post_body{
	font-size:15px;
	font-size:0.9375rem;
}

/* 見出し */
.ttl_h1{
	border-left:8px solid #00594B;
	padding-left:12px;
	line-height:1.2;
	font-size:32px;
	font-size:2rem;
	padding-bottom:0 !important;
}
.page .ttl_h1,
.archive .ttl_h1,
.search .ttl_h1{
	border-bottom:none;
	margin-bottom:42px;
}

#top_footer .widget .ttl,
.post_body h2{
	background:#00594B;
	color:#fff;
	padding:10px 16px;
	margin-top:48px;
	margin-bottom:26px;
	font-size:16px;
	font-size:1rem;
}
#top_footer .widget .ttl span,
.post_body h2 span{
	border: none;
	padding: 0;
	font-size:16px;
	font-size:1rem;
	display: block;
}

.post_body h4{
	font-size:1rem;
	color:#00594B;
	margin-top:30px;
	margin-bottom:14px;
}
.post_body h4:before{
	content:"●";
}

.post_body h3,
.sidebar .ttl{
	border-bottom:3px solid #D5D5D5;
	position: relative;
	padding-bottom:5px;
	margin-top:45px;
	margin-bottom:15px;
	font-size:18px;
	font-size:1.125rem;
}
.post_body h3:after,
.sidebar .ttl:after{
	content:"";
	border-bottom:3px solid #00594B;
	width:80px;
	position: absolute;
	bottom: -3px;
	left:0;
}
.sidebar .ttl span{
	padding:0;
	border:none;
}

.post_body h2 + h3{
	margin-top:46px;
}





/* トップページ - ヘッダーコンテンツ */
.top_header{
	background: rgba(0, 89, 75, 0.1);
	padding:32px 28px 16px 28px;
	font-size:15px;
	font-size:0.9375rem;
}
.top_header:last-child{
	margin-bottom:32px;
}
.mainpost .container .top_header:not(:first-child){
	padding-top:0;
}
.top_header .ttl{
	background: transparent;
}
.top_header .ttl span{
	background: #fff;
	border: none;
	font-size:1rem;
	color:#00594B;
	padding:5px 10px;
}




/* トップページフッター */
#top_footer{
	margin-top:66px;
}
#top_footer .widget{
	margin-bottom:32px;
}
#top_footer .widget .ttl{
	margin-bottom:16px;
}


/* ページヘッダー */
.page_header .widget{
	margin-bottom:0.5rem;
}