html {
    background: #eee;
    /*background: repeat-x left bottom url("bk.jpg") fixed !important; */
    /*background: no-repeat left bottom url("bk.jpg") fixed !important; */
    color: #333;
}
html, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Serif JP', serif;
}
h2 {
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 10px 0;
}
#fixed-navi {
    /*background: #fff;*/
    background: #eee;
}
#fixed-navi .uk-tab>*>a {
    font-size: 16px;
}
#image-detail > .uk-card-media-top {
	height: 100%;
}
#media-image_cover {
	position: relative;
	height: 100%;
	width: calc(100% - 80px);
	margin: 0 40px;
}
#media-image {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: contain;
	object-position: left;
	cursor: pointer;
}
.thumbs-item {
    width: 160px;
}
.thumb-cover {
    color: #000;
    background: #fff;
    opacity: 0.7;
    width: 150px;
    margin-left: 5px;
    font-size: 14px;
}
#image-detail {
    overflow: auto;
    width: 80vw;
    height: 80vh;
    max-width: 1000px;
}
#image-detail h3 {
    margin: 0 0 10px 0;
}
#image-detail p {
    margin: 10px 0;
}
.gaiyo {
    padding: 10px 40px;
}
.gaiyo p {
    font-size: 14px;
    line-height: 2em;
    margin: 0;
}
.sakka {
    font-weight: bold;
}
.yomi {
	margin-left: 5px;
}
#detail-yomi {
	margin-left: 2em;
}
#fixed-navi-top>a::after {
    content: "|";
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    color: #999;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,
.uk-breadcrumb>*>*,
.uk-tab>*>a {
    color: #666;
}
.uk-tab>* {
    padding-left: 10px;
}