@charset "UTF-8";
/* トップページ --------------------------------------------------------------- */


/* common --------------------------------------------------------------- */
#wrapper {
	padding-top: 150px;
	}

h2 {
	color: #595858;
	font-size: 28px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 2px;
	margin-bottom: 50px;
	font-family: "Jost", sans-serif;
	font-weight: 200;
	}

@media(max-width: 990px){
	}

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



/* News一覧ページ --------------------------------------------------------------- */
a.news {
	margin: 0 auto;
	background-color: #b3b3b3;
	}

a.news:hover {
	background-color: #efeeed;
	}

	a.news dl {
		width: 800px;
		display: table;
		margin: 0 auto;
		padding: 20px 0;
		border-bottom: #efeeed solid 1px;
		}

		a.news dl dt,
		a.news dl dd {
			display: table-cell;
			vertical-align: top;
			line-height: 1.5;
			}

		a.news dl dt {
			width: 170px;
			height: 170px;
			}

			a.news dl dt img {
				width: 100%;
				height: 100%;
				aspect-ratio: inherit;
				object-fit: cover;
				object-position: 50% 50%;
				}

		a.news dl dd {
			padding: 0 20px 0 30px;
			color: #ffffff;
			font-size: 16px;
			}

		a.news:hover dl dd {
			color: #251e1c;
			}

			a.news dl dd span {
				font-size: 18px;
				margin: 10px 0 50px 0;
				font-family: "Jost", sans-serif;
				font-weight: 300;
				}

@media(max-width: 990px){
		a.news dl {
			width: 100%;
			}
	}

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



/* News投稿ページ --------------------------------------------------------------- */
.wrapper {
	margin: 0 auto;
	background-color: #efeeed;
	}

#article {
	width: 900px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
	}

	#article #left {
		float: right;
		width: 640px;
		}

		#article #left h1 {
			font-size: 18px;
			margin-bottom: 40px;
			line-height: 1.3;
			}

			#article #left h1 span {
				font-size: 16px;
				margin-bottom: 15px;
				font-family: "Jost", sans-serif;
				font-weight: 300;
				}

		#article #left .article {
			margin-bottom: 70px;
			}

			#article #left .article p {
				font-size: 15px;
				line-height: 1.8;
				margin-bottom: 1em;
				}
			
				#article #left .article p img {
					width: 100% !important;
					height: auto !important;
					}
		
		#article #left #paging {
			margin: 0 auto;
			overflow: hidden;
			}

			#article #left #paging a {
				width: 100px;
				}

			#article #left #paging a.prev {
				float: left;
				}

			#article #left #paging a.next {
				float: right;
				}

				#article #left #paging a img {
					width: 100%;
					}

	#article #right {
		float: left;
		width: 160px;
		}

@media(max-width: 990px){
	#article {
		width: 90%;
		}

		#article #left {
			float: none;
			width: 100%;
			margin-bottom: 30px;
			padding-bottom: 30px;
			}

			#article #left .article {
				margin-bottom: 50px;
				}

			#article #left h1 {
				margin-bottom: 20px;
				}

		#article #right {
			float: none;
			width: 85%;
			margin: 0 auto;
			}
	}

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



/* 共有のカテゴリ部分 --------------------------------------------------------------- */
#category {
	margin: 0 auto;
	padding: 30px 7.5%;
	background-color: #efeeed;

	display: none;
	}

	#category ul,
	#article #right ul {
		width: 100%;
		margin: 0 auto;
		}

		#category ul li,
		#article #right ul li {
			margin-bottom: 40px;
			}

		#category ul li:last-of-type,
		#article #right ul li:last-of-type {
			margin-bottom: 0;
			}

			#category ul li a,
			#article #right ul li a {
				display: inline-block;
				font-family: "Jost", sans-serif;
				font-weight: 400;
				font-size: 15px;
				}

				#category ul li span.year,
				#article #right ul li span.year {
					margin: 10px 0 0 20px;
					}

				#category ul li span.jpn,
				#article #right ul li span.jpn {
					display: inline-block;
					margin-left: 5px;
					font-size: 12px;
					}

@media(max-width: 990px){
	#category {
		display: block;
		}

			#category ul li a,
			#article #right ul li a {
				font-size: 14px;
				}
	}

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