@charset "utf-8";
/* CSS Document */


#contents {
	max-width: 1000px;
	overflow: hidden;
	margin: auto;
	padding-bottom: 70px;
}

#page_top {
    width: 66px;
    height: 59px;
    position: fixed;
    right: 0px;
    bottom: 45px;
}
#page_top a {
  position: relative;
  display: block;
  text-decoration: none;
}

.btn_news {
	position: absolute;
	right: 0;
	top: 20px;
}

.mainImage {
	width: 100%;
	background: #968861;
	max-height: 264px;
	text-align: center;
	padding-top: 147px;
}

.mainImage img {
	max-width: 1000px;
	text-align: center;
}

#left {
	float: left;
	width: 220px;
	margin-bottom: 70px;
}

#right {
	float: right;
	width: 745px;
}

h2.side_ttl {
	font-family: 'Noto Serif Japanese', serif;
	font-size: 19px;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
}


h2.side_ttl::before {
    position: absolute;
    content: "";
    display: inline-block;
    border-left: solid 20px #968861;
    top: 12px;
    left: 0;
    z-index: 2;
    height: 5px;
}

h3.cate_ttl {
	padding: 5px 0;
	font-size: 16px;
}

ul.cate_list li {
	font-size: 14px;
	position: relative;
	padding-left: 17px;
}

ul.cate_list li:before {
	content: "\2514";
	padding-right: 5px;
	position: absolute;
	bottom: 0;
	left: -5px;
}

ul.cate_list {
	border-bottom: solid 1px #7f7f7f;
	padding-bottom: 22px;
	margin-bottom: 15px;
}

.flex_news {
    width: 100%;
    margin: 0 auto 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: space-around;
    align-items: flex-start;
}

.news_list {
	width: 47%;
	margin-bottom: 30px;
}

.news_list img {
	max-width: 100%;
	height: auto;
}

.flex_news:after {
	content: "";
	display: block;
	width: 47%;
}

.news_day {
	font-size: 13px;
	margin: 10px 0 0;
	line-height: 1.7;
}

.news_category {
	font-size: 13px;
	color: #968861;
	margin: 0 0 0;
	line-height: 1.7;
}

.news_ttl {
	font-size: 16px;
}


/*---------------------------------------------------------------------

	 Wordpress blog

---------------------------------------------------------------------*/

/* ページ送り */

.wp-pagenavi {
	text-align: center;
	margin: 50px auto !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 10px 15px !important;
    margin: 3px;
}

.wp-pagenavi a {
    text-decoration: none;
    border: 1px solid #000 !important;
    padding: 3px 5px;
    margin: 0 3px !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #000 !important;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi span.current {
    font-weight: normal !important;
	background: #000 !important;
	color: #fff !important;
}

.wp-pagenavi a:hover {
	background: #000 !important;
	color: #fff !important;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}

#footer {
	clear: both;
}

#footer ul li {
	width: 17%;
	margin: 0 5px;
}

p.date-color {
	color: #333;
	text-align: right;
	font-size: 14px;
	margin: 10px auto;
}

h3.pagename_news {
	position: absolute;
	left: 50%;
	margin-left: -143px;
}

.entry-contents-area {
	margin: 0 0 50px 0;
	padding: 0 0 0 0;
}

.entry-contents-area .post-thumbnail {
	display: none;
}

.entry-title a {
	text-decoration: none;
}

h1.entry-title {
    font-family: 'Noto Serif Japanese', serif;
    position: relative;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0 0 0 28px;
    font-weight: bold;
	z-index: -1;
}
h1.entry-title:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-left: solid 12px #968861;
    top: 2px;
    left: 0;
    z-index: 2;
    height: 28px;
}



p.datearea {
	text-align: right;
	font-size: 12px;
	padding-right: 5px;
}

.widget-title {
	font-family: 'Noto Serif Japanese', serif;
	font-size: 19px;
	font-weight: bold;
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
}

.widget-title:before {
    position: absolute;
    content: "";
    display: inline-block;
    border-left: solid 20px #968861;
    top: 12px;
    left: 0;
    z-index: 2;
    height: 5px;
}


.category-ul li a {
	color: #333;
	text-decoration: none;
}

.category-ul li a:hover {
	color: #999;
}

.category-ul li {
	margin-bottom: 15px;
}

ul.children {
    padding-bottom: 0;
	margin-bottom: 0;
}
ul.children li {
    font-size: 14px;
    position: relative;
    padding-left: 17px;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
ul.children li::before {
    content: "\2514";
    padding-right: 5px;
    position: absolute;
    top: 5px;
    left: -5px;
}

.widget-area ul li {
    padding: 5px 0;
    border-bottom: solid 1px #7f7f7f;
    margin: 3px 0;
    font-size: 14px;
}

.widget_recent_entries {
	margin-bottom: 55px;
}

.widget_categories {
	margin-bottom: 30px;
	margin-top: 30px;
}

.widget-area ul li a {
	text-decoration: none;
	display: inline;
	color: #333;
}

.widget-area ul li a:hover {
	color: #4da8ba;
}

.entry-content {
	margin: 0 0 150px 0;
}

.category-ul {
	padding-bottom: 10px;
}

.comment-form-comment textarea {
	width: 100%;
}

.nav-links {
	-moz-hyphens: auto;
	border-top: 1px solid #666;
	word-wrap: break-word;
}

.post-navigation, .image-navigation {
	margin: 24px auto 48px;
	max-width: 740px;
}

.post-navigation a, .image-navigation .previous-image, .image-navigation .next-image {
	border-bottom: 1px solid #666;
	padding: 11px 0 12px;
	width: 100%;
}

.post-navigation .meta-nav {
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: 900;
	line-height: 2;
	text-transform: uppercase;
}

.post-navigation a, .image-navigation a {
	color: #2b2b2b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.71429;
	text-transform: none;
}

.comments-area {
	margin: 48px auto;
	max-width: 740px;
}

.comment-reply-title, .comments-title {
	font: 900 16px/1.5 Lato, sans-serif;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: outside none none;
	margin: 0 0 48px;
}

.comment-author {
	font-size: 14px;
	line-height: 1.71429;
}

.comment-list .reply, .comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {
	color: #767676;
}

.comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {
	color: #41a62a;
}


.comment-list article, .comment-list .pingback, .comment-list .trackback {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child {
	border-top: 0 none;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	left: 0;
	padding: 2px;
	position: absolute;
	top: 0;
	width: 18px;
}

.bypostauthor > article .fn::before {
	content: "";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {
	padding-left: 30px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link::before {
	content: "";
}

.comment-reply-link::before, .comment-reply-login::before {
	content: "";
	margin-right: 2px;
}

.comment-content {
	-moz-hyphens: auto;
	word-wrap: break-word;
}

.comment-content ul, .comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul, .comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > *:last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: outside none none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-bottom: 24px;
	margin-top: 0;
}

.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {
	color: #767676;
}

.comment-notes, .comment-awaiting-moderation, .logged-in-as {
	font-size: 14px;
	line-height: 1.71429;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	width: 50%;
}

.form-allowed-tags, .form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a::before {
	content: "";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next, .comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-bottom: 0;
	margin-top: 36px;
}

.archive-header {
	padding: 10px;
	font-size: 12px;
	background: #eeebbe;
}

.page-title {
	padding: 10px;
	font-size: 12px;
	background: #f5f5f5;
	margin-bottom: 20px;
}

#contents-area {
	max-width: 1000px;
	overflow: hidden;
	margin: auto;
	padding-bottom: 70px;
	padding: 35px 0 0;
}

#contents-area:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.secondary {
	margin-top: 13px;
}

.eventcalendar {
	margin: 0 0 80px 0;
}

.eventcalendar .entry-header {
	display: none;
}

.ai1ec-calendar-toolbar {
	border: none;
}

.entry-content b, .entry-content strong {
	font-weight: 700;
	background: linear-gradient(transparent 75%,#fff799 75%);
}


.entry-content h1 {
    font-size: 22px;
    font-weight: 900;
    background: #968861;
	color: #fff;
    padding: 5px 10px;
    margin-bottom: 15px;
	font-family: 'Noto Serif Japanese', serif;
	margin-top: 30px;
}

.entry-content h2 {
    font-size: 22px;
    font-weight: 900;
    border-bottom: solid 5px #968861;
	color: #000;
    padding: 1px ;
    margin-bottom: 15px;
	font-family: 'Noto Serif Japanese', serif;
	margin-top: 30px;
	display: inline-block;
}

.entry-content h3{
    font-size: 20px;
	clear: both;
    font-weight: 600;
    margin: 10px 0 5px;
    color: #000;
}
.entry-content h4 {
    font-size: 19px;
	clear: both;
    font-weight: 400;
    margin: 10px 0 5px;
    color: #000;
}
.entry-content h5 {
    clear: both;
    font-weight: 700;
    margin: 10px 0 5px;
    color: #000;
    font-size: 16px;
}
.entry-content h6 {
    clear: both;
    font-weight: 700;
    margin: 10px 0 5px;
    color: rgb(231, 96, 119);
    font-size: 16px;
}

.photo-comment {
	margin: 5px 0 0 0;
	padding: 0 5px;
}

.entry-content img {
	max-width: 100%;
	height: auto;
	margin: 15px 0;
	display: block;
}

.works-thumb-photo {
	max-height: 183px;
	overflow: hidden;
	margin-bottom: 10px;
}

h1.screen-reader-text {
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
	background: #f8f8f8;
	margin-bottom: 20px;
	display: block;
}

.pagination span {
	padding: 7px;
	border: solid 1px #ccc;
	background: #f8f8f8;
}

.pagination span.dots {
	border: none !important;
	background: none !important;
}

.pagination a {
	padding: 7px;
	border: solid 1px #ccc;
	background: #fff !important;
}

.pagination a:hover {
	text-decoration: none;
	background: #f8f8f8 !important;
}

.comment-form-comment textarea {
	width: 100%;
	padding: 10px;
}

p.form-submit {
	margin-top: 10px;
}

span.edit-link {
	display: inline-block;
	background: #666;
	padding: 2px 8px;
	margin-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

span.edit-link a {
	color: #fff;
	font-size: 12px;
}

.entry-content h4 {
	margin-bottom: 10px;
}

#comments {
	display: none;
}

.left {
	width: 210px;
	float: left;
}

.right {
	width: 720px;
	float: right;
}

article.post {
	margin-bottom: 30px;
}

header.page-header {
	margin-top: 20px;
}

.st-post-tags {
	margin: 45px 0;
	padding: 40px 0;
	border-top: solid 1px #d5d5d6;
	border-bottom: solid 1px #d5d5d6;
}

p.keyword {
	display: inline-block;
	font-size: 15px;
	color: #666;
	margin-right: 5px;
}

.st-post-tags {
	color: #afafaf;
	font-size: 13px;
}

.st-post-tags a {
	color: #afafaf;
	font-size: 13px;
	padding-left: 5px;
}

.st-post-tags a:hover {
	color: #4da8ba;
}

.author-info {
	border: 1px solid #ddd;
	box-sizing: border-box;
	clear: both;
	display: block;
	overflow: hidden;
	overflow-wrap: break-word;
	width: 100%;
	padding: 20px;
	position: relative;
}

.author-avatar {
	float: left;
	padding: 20px;
}

h3.author-title {
	font-size: 16px;
	font-weight: bold;
	left: 84px;
	line-height: 25px;
	position: absolute;
	top: 25px;
}

p.author-bio {
	font-size: 14px;
	line-height: 21px;
	margin-top: 20px;
}

h2.author-heading {
	background: #f8f8f8;
	padding: 5px 10px;
}

.author-description {
	margin-top: 15px;
}

a.author-link {
	color: #33bad2;
	padding-left: 10px;
}

a.author-link:hover {
	text-decoration: underline;
}

span.years {
	font-size: 17px;
	color: #518c97;
	text-align: center;
	margin: 10px auto;
}

ul.pankuzu {
    width: 100%;
    font-size: 14px;
    margin: 0px auto 25px;
}
ul.pankuzu li {
    display: inline-block;
}
ul.pankuzu li::after {
    content: "\003e";
    padding: 0 5px;
    position: relative;
    top: 0px;
}
ul.pankuzu li:last-child::after {
    content: "";
}

@media screen and (max-width: 1479px) {
#footer ul li {
    width: 24% !important;
    margin: 0 0.5% 2% !important;
}
}
@media screen and (max-width: 1200px) {
#footer ul {
    width: 43% !important;
}
#footer ul li {
    width: 49% !important;
}
}