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

#lower-image {
	background: url(../../about/images/main_image.jpg) center -150px;
	background-size: cover;
}

@media screen and (min-width: 1280px) {
	.side-contents .side-wrap,
	.scroll-up .side-contents .side-wrap,
	.scroll-down .side-contents .side-wrap {
		position: relative;
		top: 0;
	}
}


.lower-contents .main-contents section:last-of-type {
	margin-bottom: 35px;
}

.main-contents .list {
	
}

.main-contents .list__header {
	display: flex;
	align-items: center;
}

.main-contents .list__header h2 {
	margin: 0;
	font-size: 1.4rem !important;
	font-weight: bold !important;
}

@media screen and (min-width: 768px) {
	.main-contents .list__header h2 {
		font-size: 1.6rem !important;
	}
}

/* warning */
.main-contents .list.-warning .list__header {
	
}

.main-contents .list.-warning .list__header h2 {
	
}

.main-contents .list.-warning .list__header h2::before {
	border-color: #ff3364;
}

.main-contents .list.-warning .news-list a {
	color: #ff3364;
	font-weight: bold;
}

.main-contents .list.-warning .news-list a:hover {
	background-color: #ff33641a;
}




.main-contents .rss {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
}

.main-contents .rss li {
	margin-left: 5px;
}

.main-contents .rss li a {
	display: block;
	margin: 0;
	padding: 2px 10px;
	color: #fff;
	font-size: 1.1rem;
	text-decoration: none;
	background: none;
	line-height: 20px;
	text-align: center;
	border: none;
	background-color: #b7b7b7;
	border-radius: 10px;
	transition: all 0.1s ease-in-out;
	line-height: 1.5;
}

.main-contents .rss li a:hover {
	background-color: var(--color-link);
}

.main-contents .rss_rss {
	display: none;
}



/* Entry lists ----------------------------------------------------------------------- */


.contents-area .news-list {
	margin-top: 20px !important;
}

.contents-area .news-list figure {
	display: none;
}

.contents-area .news-list a {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	width: 100%;
	line-height: 1.5;
	font-size: 1.2rem;
	padding: 10px 0;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 5px;
	background: url(../../../../common/images/arrow.png) right center no-repeat;
	background-size: 3px 5px;
	transition: all 0.1s ease-in-out;
}

.contents-area .news-list a:hover {
	margin-right: 0;
	padding-left: 5px;
	background-color: #fafafa;
}

.contents-area .news-list li time {
	display: block;
	width: 65px;
}

.contents-area .news-list li .ttl {
	display: block;
	box-sizing: border-box;
	padding-right: 10px;
	width: calc(100% - 70px);
}


.contents-area li .news-list__body {
	width: calc(100% - 90px);
}

.contents-area li .news-list__bodytime {
	
}

.contents-area li .news-list__body .ttl {
	margin-top: 5px;
	width: 100%;
}

@media screen and (min-width: 768px) {
	
	.contents-area li .news-list__body {
		width: calc(100% - 160px);
	}
	
	.contents-area .news-list li {
		font-size: 1.4rem;
	}
	
	.contents-area .news-list li a {
		padding: 15px 0;
		font-size: inherit;
	}
	
	.contents-area .news-list li time {
		width: 155px;
	}
	.contents-area .news-list li .ttl {
		width: calc(100% - 130px);
	}
}






.main-contents .post-hospital li {
	min-height: 70px;
}

.main-contents .post-hospital figure {
	display: block;
	position: relative;
	display: inline-block;
	min-width: 70px;
	height: 50px;
	margin-right: 10px;
	overflow: hidden;
	vertical-align: middle;
}

.main-contents .post-hospital figure img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

@media screen and (min-width: 768px) {
	.main-contents .post-hospital figure {
		min-width: 120px;
		height: 80px;
	}
	.contents-area li .news-list__body {
		width: calc(100% - 150px);
	}
}

.ttl {
	font-feature-settings: "palt";
}

.main-contents .post-hospital .ttl {
	width: calc(100% - 160px);
}




#post-wrap {
	margin-top: 30px;
}

#post-wrap section {
	position: relative;
	margin-bottom: 40px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	border-radius: 10px;
	box-sizing: border-box;
}

#post-wrap section .section-ttl {
	display: block;
	margin: 0;
	font-size: 1.4rem !important;
	font-weight: bold !important;
	line-height: 1.4;
	margin-bottom: 20px;
}

#post-wrap section article {
	min-height: 0;
}

#post-wrap section a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.35s ease-in-out;
}

#post-wrap section a:hover {
	color: var(--color-link);
}

#post-wrap section figure {
	position: relative;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.1);
	border-radius: 5px;
}

#post-wrap section figure img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
	width: 100%;
	height: auto;
	filter: brightness(0.95);
	transition: all 0.35s ease-in-out;
}


#post-wrap section a:hover figure img {
	filter: brightness(1.1);
}

#post-wrap section time {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	transition: all 0.1s ease-in-out;
}

#post-wrap section p {
	position: absolute;
	bottom: 0;
	width: calc(100% - 28px);
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
	border-top: 1px solid #e0e0e0;
}


@media screen and (min-width: 768px) {

	#post-wrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#post-wrap::before,
	#post-wrap::after {
		content: "";
		display: block;
		width: calc(33.33% - 20px);
		order: 2;
	}

	#post-wrap section {
		width: calc(33.333% - 20px);
	}

}

@media screen and (min-width: 1280px) {

	#post-wrap section h4 {
		font-size: 1.6rem;
	}

}







.side-nav {
	margin-top: 20px;
}

.side-nav > * {
	margin-top: 30px;
}

.side-nav > *:first-child {
	margin-top: 0;
}


.side-nav__block {
	width: 100%;
}

.side-nav__block h2 {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.main-contents p.no-post {
	padding-top: 20px;
}

.side-nav__block select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: #fff url(../../../../common/images/arrow_up_black.png) calc(100% - 10px) center no-repeat;
	background-size: 5px 3px;
	vertical-align: middle;
	text-indent: 5px;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	cursor: pointer;
	font-size: 1.6rem;
	font-family: inherit;
}

@media screen and (min-width: 1280px) {

	.side-nav__block select {
		font-size: inherit;
	}

}

.tag-list {
	
}

.tag-list li {
	display: inline-block;
}

.tag-list a {
	display: inline-flex !important;
	align-items: center;
	padding: 8px 8px 6px !important;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #b7b7b7 !important;
	background-image: none !important;
	color: #fff !important;
	line-height: 1 !important;
}

.tag-list a:hover {
	background-color: var(--color-link) !important;
}



/* Entry ----------------------------------------------------------------------- */

.ArticleHeader {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 30px;
}


.ArticleHeader-inner {
	text-align: left;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
}

.ArticleHeader-inner > * {
	margin-top: 10px;
	margin-bottom: 0;
}

.ArticleHeader-inner > *:first-child {
	margin-top: 0;
}



.ArticleHeader__meta {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}

.ArticleHeader__meta .date {
	display: flex;
	align-items: baseline;
	margin-bottom: 10px !important;
	line-height: 1 !important;
	font-weight: bold;
}

.ArticleHeader__meta .date {
	margin-right: 10px;
	padding-right: 10px;
	font-size: 1.5rem;
	font-family: "Open Sans", sans-serif;
	border-right: 1px solid rgba(0,0,0,0.2);
}

.post-categories {
	list-style: none;
	padding: 0;
	display: flex;
	font-weight: bold;
	font-size: 1.2rem;
	font-feature-settings: 'palt';
}

.post-categories a {
	text-decoration: none;
}

.post-categories li {
	margin-right: 10px;
}

.post-categories li:last-child {
	margin-right: 0;
}

.ArticleHeader__ttl {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	margin-top: 10px;
}

.ArticleHeader__ttl .ja {
	display: block;
	font-size: 2rem;
	font-feature-settings: "palt";
	line-height: 1.5;
}

@media screen and (min-width: 1280px) {

	.ArticleHeader {
		padding-bottom: 50px;
	}

	.ArticleFooter-inner > * {
		margin-top: 20px;
	}

	.ArticleFooter-inner > *:first-child {
		margin-top: 0;
	}

	.ArticleHeader__meta .date {
		font-size: 1.4rem;
	}

	.ArticleHeader__meta .post-categories {
		font-size: 1.4rem;
	}

	.ArticleHeader__ttl {
	}

	.ArticleHeader__ttl .ja {
		font-size: 3rem;
	}

}

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

.ArticleBody {
	margin-top: 30px;
	padding-bottom: 60px;
	max-width: 700px;
}

.ArticleBody p {
	line-height: 2;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.ArticleBody p a {
	text-decoration: underline;
}

.ArticleBody figure {
	margin-bottom: 40px;
}

.ArticleBody img {
	width: 100% !important;
	height: auto;
	margin: 20px 0;
}

.ArticleBody figure img {
	margin: 0;
}

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

.ArticleFooter {
	margin-bottom: 30px;
	padding-top: 30px;
	border-color: rgba(0,0,0,.2);
	border-top: 1px solid rgba(0,0,0,0.2);
}

.ArticleFooter > * {
	margin-top: 10px;
}

.ArticleFooter > *:first-child {
	margin-top: 0;
}

.ArticleFooter .entry-share {
}

.ArticleFooter .entry-share li {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: top;
}

.ArticleFooter .entry-share .fb_iframe_widget span {
	vertical-align: top!important;
}

.ArticleFooter .posted {
	flex-shrink: 0;
	font-size: 1.2rem;
	font-family: "Open Sans", sans-serif;
}

@media screen and (min-width: 768px) {

	.ArticleFooter {
		display: flex;
		justify-content: space-between;
		margin-bottom: 60px;
	}

	.ArticleFooter > * {
		margin-top: 0;
	}

}

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

.ArticleNav .prev-next {
	display: flex;
	justify-content: space-between;
}

.ArticleNav .prev-next li {
}

.ArticleNav .prev-next li a {
	display: block;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 1.3rem;
	line-height: 1;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	padding: 13px 20px;
}

.ArticleNav .prev-next li a:hover {
	background-color: rgba(0,0,0,0.1);
}

.ArticleNav .prev-next .prev {
}

.ArticleNav .prev-next .prev a {
	padding-left: 35px;
	background-image: url(/common/images/arrow_reverse.png);
	background-size: 3px 5px;
	background-position: 10px center;
	background-repeat: no-repeat;
}

.ArticleNav .prev-next .prev a:hover {
	background-position: 5px center;
}

.ArticleNav .prev-next .next {
}

.ArticleNav .prev-next .next a {
	padding-right: 35px;
	background-image: url(/common/images/arrow.png);
	background-size: 3px 5px;
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.ArticleNav .prev-next .next a:hover {
	background-position: right 5px center;
}

@media screen and (min-width: 1280px) {

	.ArticleNav .prev-next li a {
		font-size: 1.4rem;
	}

}




.sns {
	text-align: center;
	padding: 15px 0 0;
	width: 100%;
}

.share-items {
	display: flex;
	list-style: none;
	padding: 0;
}

.share-items li {
	display: inline-flex;
	flex-wrap: wrap;
	margin-right: 20px;
}

.share-items li:last-child {
	margin-right: 0;
}

.sns a {
	color: var(--color-link);
}

.sns svg {
	width: 20px;
	height: 20px;
}

.sns .facebook a:hover  { color: #3b5998; }
.sns .twitter a:hover   { color: #32a7e0; }
.sns .pinterest a:hover { color: #bd081c; }
.sns .line a:hover      { color: #00b900; }


@media all and (min-width: 768px) {
	.sns {
		width: auto;
		padding: 0;
	}
}




.post-tags {
	font-size: 1.2rem;
}

.post-tags li {
	display: inline-flex;
	flex-wrap: wrap;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

.post-tags li:last-child {
	margin-right: 0;
}

.post-tags a {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 8px 8px 6px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #b7b7b7;
	background-image: none;
	text-decoration: none;
	color: #fff;
	line-height: 1;
}

.post-tags a:hover {
	background-color: var(--color-link);
}

.post-tags a:hover::before {
	opacity: 1;
}









/*entry*/

.main-contents #entry h1,
.main-contents #entry h2,
.main-contents #entry h3,
.main-contents #entry h4,
.main-contents #entry h5 {
	margin-bottom: 20px;
}

.main-contents #entry h1 {
	font-size: 2.5rem;
}

.main-contents #entry h2 {
	font-size: 2.0rem;
	padding: 0;
}

.main-contents #entry h3 {
	font-size: 1.7rem;
	color: #000;
	font-weight: normal;
}

.main-contents #entry h4,
.main-contents #entry h5 {
	font-size: 1.6rem;
	font-weight: normal;
}

.main-contents #entry h2::before {
	border: none;
}

.main-contents #entry img {
	width: 100%;
	height: auto;
}

.main-contents #entry ul {
	list-style: inside none disc;
	border-top: none;
	margin-bottom: 40px;
}

.main-contents #entry ol {
	list-style: inside none decimal;
	margin-bottom: 40px;
}

.main-contents #entry ul li,
.main-contents #entry ol li {
	border-bottom: none;
	font-size: 1.4rem;
	height: auto;
	line-height: 2.8rem;
}

.main-contents #entry p em {
	font-style: italic;
}




/*pagenavi*/

.wp-pagenavi {
	margin: 30px 0;
	text-align: center;
}

.wp-pagenavi .page {
}

.wp-pagenavi .pages {
	display: block;
	border: none;
	margin: 20px 0;
	padding: 0;
}

.wp-pagenavi .current,
.wp-pagenavi a {
	font-size: 1.2rem;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	box-sizing: border-box;
	transition: all 0.15s ease-in-out 0s;
	margin: 5px !important;
}

.wp-pagenavi .extend {
	border: none;
	padding: 0;
}

.wp-pagenavi .current {
	background-color: rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.wp-pagenavi a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.wp-pagenavi a.nextpostslink {
	margin-right: 0;
}


.main-contents #prev-next {
	border-top: none;
}

.main-contents #prev-next li {
	border: none;
}

.main-contents #prev-next li#prev {
	border: none;
	line-height: 1.0;
	box-sizing: inherit;
	height: auto;
}

.main-contents #prev-next li#prev a {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	transition: all 0.2s ease-in-out 0s;
	margin-right: 0;
}


.main-contents #prev-next li#next {
	line-height: 1.0;
	box-sizing: inherit;
	height: auto;
	cursor: pointer;
	padding-right: 0;
}

.main-contents #prev-next li#next a {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	transition: all 0.2s ease-in-out 0s;
	margin-right: 0;
	background-position: right 10px center;
}

.main-contents #prev-next li#next:hover {
	padding-right: 0;
}

.main-contents #prev-next li#next:hover a {
	padding-right: 35px;
	background-position: right 5px center;
}






/*口たべ活動報告*/
.main-contents section#kuchikara-list {
	display: none;
}

/*ギャラリー*/
.main-contents section#gallery-list {
	display: none;
}

/*イベントレポート*/
.main-contents section#event-list {
	display: none;
}

/*デイケアからのお知らせ*/
.main-contents section#recreation-list {
	display: none;
}




@media screen and (min-width: 1280px) {

	.main-contents section:last-of-type {
		margin-bottom: 60px;
	}

	.main-contents .post-hospital li .ttl {
		width: calc(100% - 170px);
	}

}




/* ------------------------------------------------------------ */
/* Gutenberg Block Editor for WordPress */

.has-black-color{#000}
.has-black-background-color{#000}

.has-dark-gray-color{#333}
.has-dark-gray-background-color{#333}

.has-medium-gray-color{#999}
.has-medium-gray-background-color{#999}

.has-light-gray-color{#d3d3d3}
.has-light-gray-background-color{#d3d3d3}

.has-ghost-white-color{color:#f8f8ff}
.has-ghost-white-background-color{background-color:#f8f8ff}

.has-white-color{color:#FFF}
.has-white-background-color{background-color:#FFF}


.has-red-color{color:#ff0000}
.has-red-background-color{background-color:#ff0000}

.has-vivid-red-color{color:#cf2e2e}
.has-vivid-red-background-color{background-color:#cf2e2e}

.has-blue-color{color:#0000ff}
.has-blue-background-color{background-color:#0000ff}

.has-vivid-blue-color{color:#0693e3}
.has-vivid-blue-background-color{background-color:#0693e3}

.has-green-color{color:#008000}
.has-green-background-color{background-color:#008000}


.has-vivid-green-color{color:#00d084}
.has-vivid-green-background-color{background-color:#00d084}