@charset "UTF-8";

img { 
	width: 100%;
}

body {
	background-color:#FFFFFF;
	font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	color: #b8860b;
}

.en {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

a { 
	text-decoration: none;
	color: #b8860b;
	transition: all .5s ease;
}

a:hover {
    opacity: 0.7;
}

.header {
	padding: 20px 40px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	
	.logo {
		img {
			width: 200px;
		}
	} 
	
	nav {
		
		ul {
			padding: 0 35px;
			display: flex;
			gap: 25px;

			li {
				font-size: 20px;
			}
		}
	}
}
@media screen and (max-width: 959px) {
  .header {
		padding: 20px 20px;

		.logo {
			img {
				width: 100px;
			}
		}

		nav {
			ul {
				padding: 0;
				gap: 30px;
	
				li {
					font-size: 16px;
				}
			}
		}
	}
}

.swiper {
	width: 100%;
	height: auto;
	padding-bottom: 33px!important;

	.swiper-pagination-bullet-active {
		background: #b8860b;
	}
}

h2 {
	font-size: 52px;
	text-align: center;
	margin-bottom: 30px;
}

.news-section {
	max-width: 800px;
	margin: 80px auto 100px;

	.news-text {
		font-size: 16px;
		letter-spacing: 0.04em;
	}

	.map {
		font-size: 12px;
		text-decoration: underline;
		transition: all 0.5s ease;

		&:hover {
			text-decoration: none;
		}
	}
}

@media screen and (max-width: 959px) {
  .news-section {
		padding: 0 20px;
	}
}

.insta-section {
	max-width: 800px;
	margin: 0 auto;

	.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled{

		margin-top: 30px;
	}

	#eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more{
		background: transparent;
	}

	.eapps-instagram-feed-posts-grid-load-more {
		color: #b8860b;
		font-family: "Tangerine", cursive;
		font-weight: 400;
		font-style: normal;
		font-size: 40px;
	}
}




/*
	Footer
*/

footer {
	padding: 50px 0 20px;
	text-align: center;
}


/*
	アバウトページ
*/

.about {
	max-width: 800px;
	margin: 0 auto;

	.brand-info {
		text-align: center;
		margin: 50px 0;
		font-size: 16px;
		line-height: 1.6;
	}

	.artist-section {
		padding-top: 50px;

		.sub {
			margin-top: 20px;
	
			.bold {
				font-weight: 700;
			}
		}

		.artist-name {
			font-size: 42px;
			margin-bottom: 24px;
		}

		.table {
			th {
				width: 80px;
				vertical-align: text-top;
				padding: 8px 0;
				text-align: left;
				font-weight: 300;
			}
			td {
				padding: 8px 0;

				.margin {
					display: block;
					margin-bottom: 12px;
				}
				
				.small{
					font-size: 15px;
				}
			}
		}

	}

	.works-section {
		padding: 100px 0;

		.wrap {
			display: flex;
			justify-content: center;
			margin-bottom: 20px;
		}

		.desc {
			display: inline-block;
			line-height: 1.6;
		}

		h3 {
			text-align: center;
			font-size: 16px;
			padding: 30px 0 15px;
			font-weight: 400;
		}
		.container {
			margin-bottom: 10px;
		}
	}
}

@media screen and (max-width: 959px) {
	.about {
	
		.brand-info {
			padding: 0 20px;
			font-size: 16px;
			line-height: 1.6;
		}
	
		.artist-section {
			padding: 50px 20px 0;
	
	
			.artist-name {
				font-size: 40px;
				margin-bottom: 20px;
			}
		}
	
		.works-section {
			padding: 100px 20px;
		}
	}
}