#event__contents {
	max-width: 900px;
	box-sizing: border-box;
	padding: 1rem;

	p {
		font-size: 14px;
		line-height: 1.6;
	}

	.place__osaka {
		background-color: #6c5546;
		transition: all .8s ease-out;
	}

	.place__tokyo {
		background-color: #916379;
		transition: all .8s ease-out;
	}

	.place__sapporo {
		background-color: #4c749f;
		transition: all .8s ease-out;
	}

	.event__nav {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 2px;
			width: 100%;
			margin-top: 30px;

			a {

				&:hover {
					div {
						filter: brightness(1.4);
						transition: all .2s ease-out;
					}
				}

				.btn__place {
					box-sizing: border-box;
					padding: .8rem 1rem 1rem;

					p {
						font-weight: 700;
						line-height: 1.6;
						color: #fff;
						text-align: center;

						&.place__name {
							font-size: 22px;
						}
					}
				}
			}

	}


	.event__body {
		box-sizing: border-box;
		padding: 2.5em;
		position: relative;
		margin-top: 50px;

		&.place__osaka {
			background-color: #f1efec;
		}

		&.place__tokyo {
			background-color: #f3ecef;
		}

		&.place__sapporo {
			background-color: #e3e8ed;
		}

		.event__body__wrapper {

			h2 {
				font-size: 23px;
				color: #fff;
				width: fit-content;
				white-space: nowrap;
				padding: .2em .3em .3em .7em;
				position: relative;
				left: -1.2em;
				margin-bottom: -1em;
				box-sizing: border-box;

				&.place__osaka {
					background-color: #b59c8b;
				}

				&.place__tokyo {
					background-color: #aa929e;
				}

				&.place__sapporo {
					background-color: #4c749f;
				}
			}

			.title__column {
				background-color: #fff;
				padding: 1.5em 3em;
				box-sizing: border-box;
				display: grid;
				grid-template-columns: 1.3fr 1fr;

				.title__name {
					padding-top: 2.5em;

					h3 {
						font-size: 23px;

						&.txt__osaka {
							color: #3c291e;
						}

						&.txt__tokyo {
							color: #422130;
						}

						&.txt__sapporo {
							color: #29517f;
						}

						& + p {
							margin-top: 15px;
						}
					}

					p {
						line-height: 1.8;
						font-size: 15px;

						&.txt__osaka {
							color: #3c291e;
						}

						&.txt__tokyo {
							color: #422130;
						}

						&.txt__sapporo {
							color: #29517f;
						}

						.txt__big {
							font-size: 18px;
						}

						.txt__small {
							font-size: 13px;
						}
					}
				}

				.title__photo {
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 20px;

					div {
						img {
							width: 100%;
							height: auto;

							& + p {
								margin-top: .3rem;
								font-size: 12px;
							}
						}
					}
				}
			}

			.form__link {
				margin-top: 40px;

				a {
					width: 60%;
					margin-inline: auto;
					border-radius: 8px;
					padding: 1em;
					box-sizing: border-box;
					display: block;
					box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
					
					&:link,
					&:visited {
						transition: all .8s ease-out;
					}

					&:hover {
						filter: brightness(1.4);
						transition: all .2s ease-out;
					}

					p {
						color: #fff;
						text-align: center;
						font-weight: 700;
						font-size: 15px;

						&.txt__big {
							font-size: 18px;

							& + p {
								margin-top: .5em;
							}
						}
					}
				}
			}
		}


		.event__info {
			padding: 1.5em 3em;
			background-color: #fff;
			margin-top: 40px;
			
			h4 {
				text-align: center;
				font-size: 18px;
				box-sizing: border-box;
				border-bottom: 1px solid #666;
				line-height: 28px;
				padding-bottom: 1em;
				font-weight: 500;

				& + .event__info__datail {
					margin-top: 30px;
				}
			}

			.event__info__datail {
				display: grid;
				grid-template-columns: 1fr 6fr;
				gap: 15px 30px;
				width: 90%;
				margin-inline: auto;

				p {
					font-size: 16px;
					color: #444;

					&.expnote {
						padding-left: 1em;
						text-indent: -1em;
						font-size: 14px;
					}
				}
				
				dt {
					p {
						white-space: nowrap;
					}
				}

				dd {
					&.full {
						grid-column: 1 / -1; /* 1列目から最終列まで */
					}

				}
			}
		}

		.link__pdf {
			text-align: right;
			margin-top: 30px;

			a {
				padding: .3em 1.5em .4em;
				font-size: 15px;
				font-weight: 700;

				&:link,
				&:visited {
					color: #fff;
					transition: all .8s ease-out;
				}

				&:hover {
					filter: brightness(1.4);
					transition: all .2s ease-out;
				}
			}
		}
		
	}

}