.edit-area {
	&.about {
		margin-top: 0;
	}

	&.otameshi {
		/* margin-top: 4rem; */
		padding-top: 4rem;
		padding-bottom: 4rem;

		@media screen and (max-width: 767px) {
			margin-top: 2rem;
		}

		.otameshi-title {
			&.type01 {
				margin-bottom: 3rem;
				font-weight: bold;
				font-size: calc(2.4rem + 2px);
				line-height: calc(3.6rem + 2px);
				text-align: center;
				letter-spacing: 0.01rem;
				color: #161515;

				@media screen and (max-width: 767px) {
					font-size: 2.4rem;
					line-height: 3.6rem;
				}

				& sup {
					margin-left: 0.3rem;
					font-size: 1.6rem;
				}
			}

			&.type02 {
				margin-bottom: 2rem;
				font-weight: 600;
				font-size: calc(1.6rem + 2px);
				line-height: 2.1;
				text-align: center;
				letter-spacing: 0.01em;
				color: #161515;

				@media screen and (max-width: 767px) {
					font-size: 1.6rem;
				}

				& span {
					padding-bottom: 0.6rem;
					border-bottom: 1px solid #161515;
				}
			}
		}

		.otameshi-detail {
			margin-bottom: 1.9rem;
			/* font-size: calc(1.4rem + 2px); */
			font-weight: 500;
			line-height: 160%;
			text-align: center;
			letter-spacing: 0.01em;
			color: #161515;

			@media screen and (max-width: 767px) {
				/* font-size: 1.4rem; */
			}

			& span {
				color: #ab9238;
			}
		}

		.otameshi-box {
			margin-bottom: 2.2rem;
			.box-photo {
				margin-bottom: 2.6rem;
			}
			.box-text {
				.text-label {
					text-align: center;
					& span {
						display: inline-block;
						margin-bottom: 0.8rem;
						padding: 0.2rem 0.5rem;
						font-weight: 500;
						font-size: calc(1.2rem + 2px);
						line-height: 150%;
						text-align: center;
						letter-spacing: 0.01em;
						color: #ffffff;
						background-color: #000;

						@media screen and (max-width: 767px) {
							font-size: 1.2rem;
						}
					}
				}

				.text-title {
					margin-bottom: 0.8rem;
					font-weight: 500;
					font-size: calc(1.8rem + 2px);
					line-height: 150%;
					text-align: center;
					letter-spacing: 0.01em;
					color: #161515;

					@media screen and (max-width: 767px) {
						font-size: 1.8rem;
					}

					& span {
						font-size: calc(1.2rem + 2px);
						@media screen and (max-width: 767px) {
							font-size: 1.2rem;
						}
					}
				}

				.text-price {
					margin-bottom: 0.8rem;
					font-weight: 500;
					font-size: calc(1.4rem + 2px);
					line-height: 150%;
					text-align: center;
					letter-spacing: 0.01em;
					color: #161515;
					@media screen and (max-width: 767px) {
						font-size: 1.4rem;
					}
				}

				.text-notes {
					font-weight: 500;
					font-size: calc(1.2rem + 2px);
					line-height: 150%;
					text-align: center;
					letter-spacing: 0.01em;
					color: #ab9238;
					@media screen and (max-width: 767px) {
						font-size: 1.2rem;
					}
				}
			}
		}

		.otameshi-list {
			margin-bottom: 2.2rem;
			padding: 1.9rem 2.2rem;
			border: 0.2rem solid #161515;
			border-radius: 0.7rem;

			& li {
				position: relative;
				padding-left: 1.6rem;
				font-weight: 400;
				font-size: calc(1.6rem + 2px);
				line-height: 150%;
				letter-spacing: 0.01em;
				color: #161515;
				@media screen and (max-width: 767px) {
					font-size: 1.6rem;
				}

				&:after {
					content: "";
					position: absolute;
					left: 0;
					top: 1rem;
					z-index: 1;
					width: 0.8rem;
					height: 0.8rem;
					border-radius: 50%;
					background-color: #161515;
				}
			}
		}

		.otameshi-photo {
			display: flex;
			flex-wrap: wrap;
			gap: 1rem;
			margin-bottom: 3.3rem;

			& li {
				width: calc(100% / 3 - (1rem * 2 / 3));
			}

			.list-photo {
				margin-bottom: 0.8rem;
			}
			.list-text {
				.text-title {
					font-weight: 600;
					font-size: calc(1.2rem + 2px);
					line-height: 160%;
					text-align: center;
					letter-spacing: 0.01em;
					color: #161515;
					@media screen and (max-width: 767px) {
						font-size: 1.2rem;
					}
				}
			}
		}

		.otameshi-btn {
			&.type01 {
				text-align: center;
				.cover {
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 27rem;
					height: 4.4rem;
					font-weight: 500;
					font-size: calc(1.4rem + 2px);
					line-height: 1.7rem;
					text-align: center;
					text-decoration: none;
					color: #ffffff;
					background: #161515;
					border-radius: 2.2rem;
					border: 1px solid transparent;

					@media screen and (max-width: 767px) {
						font-size: 1.4rem;
					}

					@media (hover: hover) and (pointer: fine) {
						transition: ease 0.25s all;

						&:hover {
							color: #161515;
							background-color: #fff;
							border-color: #161515
						}
					}
				}
			}
		}

		.otameshi-notes {
			margin-top: 2rem;
			font-weight: 500;
			font-size: calc(1.2rem + 2px);
			line-height: 150%;
			letter-spacing: 0.01em;
			color: #6c6c6c;
			@media screen and (max-width: 767px) {
				font-size: 1.2rem;
			}
		}
	}
}

.lineup-link {
	margin: 1.6rem 0 0 0;
	text-align: center;

	& a {
		position: relative;
		display: inline-block;
		padding-right: 2.5rem;

    font-weight: 400;
    font-size: calc(1.4rem + 2px);
    line-height: 150%;
    text-align: center;
    color: #000000;


		@media (hover: hover) and (pointer: fine) {
			&:hover {
				text-decoration: none;
			}
		}

    @media screen and (max-width: 767px) {
      font-size: 1.4rem;
    }

		&:after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			right: 0;
			margin-top: -0.4rem;
			width: 0.8rem;
			height: 0.8rem;
			border-top: 0.2rem solid #000;
			border-right: 0.2rem solid #000;
			box-sizing: border-box;
			transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
		}
	}
}