@charset "UTF-8";



body.top-lebel main {
	margin-top: -16px;
    gap: 16px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	align-items: center;
	width: 100%;
    min-height: 100svh;
    > * {
        width: 100%;
        max-width: 1000px;
        margin-inline: auto;
    }
}


body.top-lebel main .headline {
	display: flex;
	flex-direction: column;
	gap: 16px;
    background: var(--col1-40);
    width: 100%;
    padding-block: 50px;
    max-width: none;
	> * {
		width: 100%;
        max-width: 1000px;
		color: #fff;
		padding-inline: 24px;
        text-align: center;
        margin-inline: auto;
	}
	> h1 {
		font-size: 2.5rem;
	}
	> h2 {
		font-size: 1.8rem;
	}
	> p {
		font-size: 1.4rem;
		* {
			font-size: 1.4rem;
		}
	}
}

body.top-lebel main .selector {
    display: flex;
    flex-direction: column;
    gap: 8px;
	> div {
		background: var(--col1-40);
		padding: 8px;
		display: flex;
		flex-direction: column;
		gap: 8px;
        border-radius: 5px;
	}
	> div > * {
		width: 100%;
	}
	> div .subject{
		border-radius: 5px;
		padding-block: 4px 8px;
		font-size: 1.8rem;
		background: var(--col1-30);
        color: #fff;
		text-align: center;
		line-height: 1;
	}
	> div > dl {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	> div > dl > * {
		padding: 8px;
		background: #fff;
		width: 100%;
		display: flex;
        flex-wrap: wrap;
		gap: 8px;
		border-radius: 5px;
	}
	> div > dl > * > dl {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	> div > dl > * dt {
		width: 100%;
		font-size: 1.6rem;
		font-weight: bold;
	}

	> div > dl > * dd > a {
		display: block;
		background: var(--col1-40);
		padding: 4px 16px;
		color: #fff;
		font-size: 1.4rem;
		border-radius: 5px;
	}
}


body.top-lebel main .selector .select-type {
	flex-direction: row;
	flex-wrap: wrap;
    background: #fff;
    border: 1px solid var(--col1-50);
	> * {
		width: calc((100% - 8px) / 2);
		padding: 4px 8px;
		text-align: center;
		color: #fff;
		font-size: 1.6rem;
		border-radius: 8px;
	}
	> .pref {
		background: var(--col4-40);
		border: 1px solid #fff;
	}

	> .hotel {
		background: var(--col4-50);
		color: black;
		border: 1px solid #fff;
	}
}