/* 読み物 --------------------------------------------------------------- */


#content {
	}

	#content h1 {
		font-size: 32px;
		padding-bottom: 15px;
		margin: 30px 0 30px 60px;
		border-bottom: #d9d9d9 solid 1px;
		}

@media(max-width: 990px){
	#content {
		width: 90%;
		}
	
		#content h1 {
			display: block;
			font-size: 28px;
			padding-bottom: 10px;
			margin: 80px 0 10px 0;
			}
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* journal一覧--------------------------------------------------------------- */
#journal {
	margin: 50px 100px 0 100px;
	overflow: hidden;
	position: relative;
	}

	#journal #yearLIST {
		margin-bottom: 50px;
		padding: 0 0 20px 0;
		border-bottom: #d9d9d9 solid 1px;
		}

		#journal #yearLIST ul {
			text-align: center;
			}

			#journal #yearLIST ul li {
				display: inline-block;
				margin: 0 20px;
				padding-bottom: 3px;
				cursor: pointer;
				transition: all 0.3s ease-out;
				}

			#journal #yearLIST ul li:hover {
				opacity: 0.5;
				}

			#journal #yearLIST ul li.active {
				color: #707e73;
				border-bottom: #707e73 solid 1px;
				}

	#journal #articleLIST {
		width: 100%;
		position: relative;
		}

		#journal #articleLIST .articleLIST {
			display: none;
			width: 100%;
			}

		#journal #articleLIST .articleLIST:first-of-type {
			display: block;
			}

			#journal #articleLIST .articleLIST a dl {
				width: 100%;
				margin-bottom: 50px;
				padding-bottom: 50px;
				border-bottom: #d9d9d9 solid 1px;
				}

			#journal #articleLIST .articleLIST a:last-of-type dl {
				margin-bottom: 0;
				}

				#journal #articleLIST .articleLIST a dl dt,
				#journal #articleLIST .articleLIST a dl dd {
					display: table-cell;
					vertical-align: middle;
					}

				#journal #articleLIST .articleLIST a dl dt {
					width: 150px;
					padding-right: 50px;
					}

					#journal #articleLIST .articleLIST a dl dt p,
					#journal #articleLIST .articleLIST a dl dt p img {
						width: 100%;
						}

				#journal #articleLIST .articleLIST a dl dd {
					font-size: 18px;
					}

				#journal #articleLIST .articleLIST a dl dd:first-of-type {
					padding-right: 100px;
					}

@media(max-width: 990px){
	#journal {
		margin: 20px auto 0 auto;
		}

		#journal #yearLIST {
			margin-bottom: 20px;
			padding: 10px 0;
			}

				#journal #yearLIST ul li {
					margin: 0 10px;
					}

				#journal #articleLIST .articleLIST a dl {
					margin-bottom: 20px;
					padding-bottom: 20px;
					}
	
					#journal #articleLIST .articleLIST a dl dt,
					#journal #articleLIST .articleLIST a dl dd {
						display: table-cell;
						vertical-align: middle;
						}

					#journal #articleLIST .articleLIST a dl dt {
						width: 90px;
						padding-right: 20px;
						}

					#journal #articleLIST .articleLIST a dl dd {
						font-size: inherit;
						}

						#journal #articleLIST .articleLIST a dl dd span {
							margin-bottom: 10px;
							font-size: 85%;
							}
	
					#journal #articleLIST .articleLIST a dl dd:first-of-type {
						padding-right: 20px;
						}
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* 記事ページ --------------------------------------------------------------- */
#article {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

	#article #image {
		width: 100%;
		height: 80vh;
		margin-bottom: 100px;
		}

		#article #image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			}

	#article h1 {
		width: 90%;
		max-width: 900px;
		font-size: 25px;
		margin: 0 auto 50px auto;
		}
		
		#article h1 span {
			font-size: 15px;
			margin-top: 20px;
			}

	#article .article {
		width: 90%;
		max-width: 900px;
		margin: 0 auto;
		}

		#article .article p {
			margin-bottom: 2em;
			text-indent: 1em;
			}

		#article .article p:last-of-type {
			margin-bottom: 0;
			}

			#article .article p img {
				width: 100%;
				height: auto;
				}

@media(max-width: 990px){
		#article #image {
			height: 35vh;
			margin-bottom: 30px;
			}

		#article h1 {
			font-size: 22px;
			margin: 0 5% 30px 5%;
			}

			#article h1 span {
				margin-top: 10px;
				font-size: 13px;
				}

		#article .article {
			}
		}

@media(min-width: 1px) and (max-width: 660px){
	}