.info-main-visual { background-image: url(../images/info/mainVisual.jpg); }

.info-container-wrap { position: relative; }
.info-container-wrap::before {
	content: 'INFO';
	position: absolute;
	top: 130px;
	left: 0px;
	transform: rotate(90deg);
	color: #3E3A39;
	font-size: 22px;
	font-family: 'Yu Gothic', serif;
	letter-spacing: 6.6px;
}

.info-others {
	width: 100%;
	padding-block: 6rem;
	margin-bottom: 4rem;
	background-image: url(../images/info/others-bk.jpg);
	background-size: cover;
}
.info-others-title {
	display: grid;
	row-gap: 10px;
	margin-bottom: 24px;
}
.info-others-title p:nth-child(1) {
	color: #3E3A39;
	font-size: 36px;
	font-family: 'Cormorant Garamond', serif;
	text-align: center;
	letter-spacing: 5.6px;
}
.info-others-title p:nth-child(2) {
	color: #3E3A39;
	font-size: 18px;
	font-family: 'Yu Gothic', serif;
	text-align: center;
	letter-spacing: 5.6px;
}
.info-swiper-container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin-inline: auto;
}
.info-swiper {
	width: 100%;
	max-width: 1200px;
	margin-inline: auto;
	position: relative;
	overflow: hidden;
}
.info-swiper ul {
	list-style: none;
}
.info-swiper ul a {
	text-decoration: none;
	display: grid;
	row-gap: 12px;
}
.info-others-prev {
	position: absolute;
	top: calc(50% - 10px);
	left: -60px;
	width: 20px;
	cursor: pointer;
}
.info-others-next {
	position: absolute;
	top: calc(50% - 10px);
	right: -60px;
	width: 20px;
	cursor: pointer;
}

.info {
	padding-bottom: 4rem;
}
.info .pagination-numbers {
	margin-top: 4rem;
}
.info-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.info-item-container {
	grid-template-columns: none;
}
.info-container img {
	grid-column: span 1 / span 1;
}
.info-content {
	grid-column: span 1 / span 1;
	padding-left: 4rem;
}
.info-content-title {
	color: #3E3A39;
	font-size: 24px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 5.4px;
	margin-bottom: 24px;
}
.info-content-text {
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 24px;
}
.info-content ul.info-content-tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	list-style: none;
}
.info-content-tags li {
	padding: 6px 14px;
	background-color: #EEEEEE;
	color: #3E3A39;
	font-size: 12px;
	font-family: 'Yu Gothic', serif;
	font-weight: 500;
}
.info-content-desc {
	display: grid;
	row-gap: 12px;
	margin-bottom: 24px;
}
.info-content-desc p {
	display: flex;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
	font-size: 16px;
	letter-spacing: 1px;
}
.info-content-desc p span { width: 100px; }

.info-body .wp-block-gallery,
.info-body .wp-block-columns {
	margin-block: 4rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
}
.info-body .wp-block-image {
	width: 100%;
	grid-column: span 1 / span 1;
}
.info-body .wp-block-image img { width: 100% !important; }
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; }

.info-body .wp-block-gallery. {
	grid: masonry / repeat(auto-fit, minmax(20em, 1fr)) !important;
}

.info-body div:nth-child(1) {
	columns: auto 310px !important;
	gap: 30px !important;;
}
.info-body div:nth-child(1) div {
	padding-bottom: 30px !important;;
}


.infos {
	margin-top: 86px;
	padding-bottom: 4rem;
}

.info-container {
	margin-bottom: 4rem;
}
.info-container ul{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 60px 24px;
	list-style: none;
}
.info-container ul li a {
	display: grid;
	row-gap: 12px;
	text-decoration: none;
}
.info-item-title {
	color: #3E3A39;
	font-size: 16px;
	letter-spacing: 3.8px;
	word-break: break-all;
	font-family: 'Noto Serif JP', serif;
}
.info-item-categories {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin-bottom: 3rem;
}
.info-item-categories br { display: none; }
.info-item-categories li a {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 12px;
	padding-block: 20px;
	cursor: pointer;
	text-decoration: none;
}
.info-item-categories li img { width: 24px; }
.info-item-categories li span {
	letter-spacing: 2.4px;
	font-size: 14px;
	color: #3E3A39;
	font-family: 'Yu Gothic', serif;
}
.info-item-categories li.is-active-category a {
	background-color: #575959;
}
.info-item-categories li.is-active-category span {
	color: #EEEEEE;
}

.info-item-tags {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.info-item-tag {
	padding: 6px 14px;
	border-radius: 3px;
	background-color: #EEEEEE;
	color: #3E3A39;
	font-size: 12px;
	font-family: 'Yu Gothic', serif;
	font-weight: 500;
}

.info-tag {
	display: flex;
	margin-bottom: 3rem;
}
.info-tag-label {
	width: 100px;
	display: flex;
	align-items: flex-start;
	column-gap: 10px;
	padding-right: 30px;
}
.info-tag-label img { width: 20px; }
.info-tag-label span {
	font-family: 'Yu Gothic', serif;
	font-size: 16px;
}
.info-tag-list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	list-style: none;
}
.info-tag-list li a {
	padding: 6px 14px;
	background-color: #EEEEEE;
	color: #3E3A39;
	font-size: 12px;
	font-family: 'Yu Gothic', serif;
	font-weight: 500;
	text-decoration: none;
}
.info-tag-list li.is-active-tag a {
	background-color: #3E3A39;
	color: #EEEEEE;
}
.info-item-categories li a img:nth-child(2) {
	display: none;
}
.info-item-categories li.is-active-category a img:nth-child(1) {
	display: none;
}
.info-item-categories li.is-active-category a img:nth-child(2) {
	display: block;
}

.info-contact {
	margin-bottom: 4rem;
}
.wp-block-image {
	border-radius: 9px;
	overflow: hidden;
}
.info-single {
	padding-top: 4rem;
}

@media screen and (max-width: 830px) {
	.info-container-wrap::before { display: none; }
	.info-tag { flex-wrap: wrap; }
	.info-tag-label {
		width: 100%;
		margin-bottom: 12px;
	}
	.info-container ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 40px;
	}
	.info-container ul li a {
		display: flex;
		flex-direction: column;
	}
	.info-item-title { width: 100%; }
	
	.info-item-categories li {
		display: grid;
		justify-items: center;
		row-gap: 6px;
		padding-bottom: 4px;
	}
	.info-item-categories li a {
		flex-wrap: wrap;
		padding: 10px 0 0;
	}
	.info-item-categories li span {
		width: 100%;
		height: 36px;
		font-size: 10px;
		display: grid;
		place-items: center;
		text-align: center;
	}
	
	.infos { margin-top: 26px; }
	.info-item-categories br { display: block; }
	
	.info-container img { grid-column: span 2 / span 2; }
	.info-content {
		grid-column: span 2 / span 2;
		padding-left: 0;
	}
	.info-others { padding: 0 20px; }
	.info-others-next { display: none; }
	.info-others-prev { display: none; }
	.info-single { padding-top: 2rem; }
	.info-body .wp-block-gallery, .info-body .wp-block-columns { gap: 10px; }

	.info-single { padding-top: 2rem; }
	.info-main-visual {
		margin-top: 3rem;
	}
}

.info-item li{
	position: relative;
}
.info-item li p{
	font-size:14px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 4px;
	position: absolute;
	background: rgba( 87, 89, 89, 0.75 );
	color: white;
	left: 0;
	top: 0;
	padding: 10px;
}