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




/**********************************************************************/
/* 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: xx-large;
}
.logo_text {
    text-align: left;
}
.headline .ttl,
.headline .subttl {
	font-size: small;
	line-height: 1.5;
}



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



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



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

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





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

body{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:1rem;
}

.post_time, .post_cat {
    color: #443D2C;
	opacity: 1;
}

.navbar-nav a {
	font-size: 1rem;
	padding: .4rem .9rem;
}

footer {
    background: #f5f5f5;
}

.table-sm td,
.table-sm th{
	font-size: .85rem;
}


/* ヘッダーバナーリンク */
.page_header{
	display:block;
}

#headerSubMenu {
    margin-top: 1rem;
}
@media (max-width: 768px) { 
	#headerSubMenu{
		display:none;
	}
}


/* トップページ下部ウィジェット */
.post_body h1 > span, 
.post_body h2 > span, 
.widget h1 > span, 
.widget h2 > span{
	border-bottom: 3px solid #95180f;
}
#top_footer{
	margin-top:60px;
}
#top_footer h1,
#top_footer h2,
#top_footer h1 > span,
#top_footer h2 > span{
	border-bottom: none;
}
#top_footer .widget ol{
	padding-left: 20px;
}
#top_footer .widget ul{
	list-style: disc;
	padding-left: 20px;
}
#top_footer .widget ul li{
	display: list-item;
	border-bottom:none;
	margin-bottom:0.25rem;
}
#top_footer .widget .ttl{
	font-size: 1.75rem;
}
#top_footer .widget .ttl span{
	border-bottom:none;
	padding:0;
}


.breadcrumb li.active a {
    color: #443d2c;
}




/* btn-primary */
.btn-primary {
    color: #fff;
    background-color: #95180f;
    border-color: #95180f;
}
.btn-primary:hover {
    color: #fff;
    background-color: #74120b;
    border-color: #66100a;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 24, 15, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #95180f;
    border-color: #95180f;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #66100a;
    border-color: #580e08;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 24, 15, 0.5);
}

.btn-outline-primary {
    color: #95180f;
    background-color: transparent;
    border-color: #95180f;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #95180f;
    border-color: #95180f;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 24, 15, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #95180f;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #95180f;
    border-color: #95180f;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 24, 15, 0.5);
}