@charset "utf-8";

:root {
	--Gap: calc( 1 * var(--Size) );

}

@media screen and (max-width:480px) {
	:root {
		/* 店舗遷移 */
	}
}

@media screen and (min-width:481px) {
	:root {
		/* 店舗遷移 */
	}
}








/* ーーーーーーーーーーーーーーーーーーーー
   トップ
ーーーーーーーーーーーーーーーーーーーー */

section#contents {
	&.Taiwan2026 {
		flex: 1;
		position: relative;
		display: flex;
		flex-direction: column;
		padding: var(--Size_48) 0 0;
		.Location {
			margin: var(--Width_S);
			.LocationWrap {
				padding: calc( 1 * var(--Size) );
				border-radius: var(--Border-radius_S);
				.Shop {
					position: relative;
					display: flex;
					gap: calc( 1 * var(--Size) );
					figure {
						flex-basis: calc( 4 * var(--Size) );
						display: flex;
						img {
							width: 100%;
						}
					}
					.ShopWrap {
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: center;
						.Name {
							font-size: calc( 1 * var(--Size) );
							color: var(--Color_FF100);
							font-weight: 600;
						}
						.Text {
							font-size: calc( .8 * var(--Size) );
							color: var(--Color_FF100);
							border-top: 1px var(--Color_FF040) solid;
						}
					}
					.Area {
						position: absolute;
						right: 0;
						top: 0;
						padding: calc( .1 * var(--Size) ) calc( .4 * var(--Size) );
						line-height: 1;
						background: var(--Color_FF100);
						border-radius: var(--Border-radius_L);
					}
				}
				.description {
					color: var(--Color_FF100);
					font-size: calc( .8 * var(--Size) );
				}
				.Icon {
					display: flex;
					justify-content: flex-end;
					gap: calc( .5 * var(--Size) );
					a {
						display: flex;
						justify-content: center;
						align-items: center;
						width: calc( 2 * var(--Size) );
						aspect-ratio: 1 / 1;
						background: var(--Color_FF100);
						border-radius: var(--Border-radius_L);
						i {
							position: relative;
							color: var(--Color_1D100);
							em {
								position: absolute;
								right: 0;
								left: 0;
								bottom: calc( 2 * var(--Size) );
								display: none;
								width: 100%;
								height: calc( 2 * var(--Size) );
								font-size: calc( .6 * var(--Size) );
								color: var(--Color_FF100);
								background: var(--Color_1D100);
								border-radius: var(--Border-radius_S);
							}
						}
						&:hover {
							i {
								em {
									display: flex;
								}
							}
						}
					}
				}
				&.KND {
					background: var(--Color_K100);
				}
			}
		}
		.Line {
			margin: var(--Width_S);
		}
	}
}