@CHARSET "UTF-8";
#yoasobi-parts-wrapper {
			& .yoasobi-button-container {
				font-family:  "Times New Roman", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HiraMinProN", "游明朝", "Yu Mincho", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
				& a {
					text-decoration: none;
					height: 54px;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 18px;
					letter-spacing: 0.8px;
				}
			}
		}
		
		#yoasobi-parts-wrapper {
			height: fit-content;
			width: 80%;
			box-sizing: border-box;
			margin: 0 auto;
			& .yoasobi-button-container {
				& .yoasobi-button {
					white-space: nowrap;
					color: rgba(229, 229, 229, 1);
					background-color: rgba(7, 7, 7, 1);
					width: 150px;
					border-radius: 15px;
				}
			}
		}
		
		@media screen and (max-width:767px) {
			#yoasobi-parts-wrapper {
				& .yoasobi-button-container {
					& .yoasobi-button {
						width: 25%;
					}
				}
			}
		}
		
		
		#yoasobi-parts-wrapper {
			& .yoasobi-button-container {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
			}
		}
		
		#yoasobi-parts-wrapper {
			& .yoasobi-button-container {
				gap: 20px;
				justify-content: center;
			}
		}
		
		#yoasobi-parts-wrapper {
			border: solid 1px rgba(7, 7, 7, 1);
			border-radius: 20px;
		}
		
		#yoasobi-parts-wrapper {
			background-color: rgba(211, 211, 211, 0.5);
		}
		
		#yoasobi-parts-wrapper {
			&>p {
				display: flex;
				width: 85%;
				margin: 15px auto;
				align-items: center;
				
				&::before,
				&::after {
					content: "";
					height: 1px;
					flex-grow: 1;
					background-color: rgba(7, 7, 7, 1);
				}
				
				&::before {
					margin-right: 3%;
				}
				
				&::after {
					margin-left: 3%;
				}
				
				&>span {
					color: rgba(7, 7, 7, 1);
				}
			}
			& .yoasobi-button-container {
				margin: 0 auto 18px;
			}
		}
		
		#yoasobi-parts-wrapper {
			& .yoasobi-button-container {
				width: 100%;
			}
		}