@charset "UTF-8";

@media screen and (max-width: 1080px) {


	/* MAIN CONTENTS */

	.main-content {
		width: 100%;
		display: grid;
	}

	.main-content.home {
		grid-template-areas: 
			"search-and-guide search-and-guide search-and-guide search-and-guide"
			". guide-by-library guide-by-library ."
			". news news ."
		;
	}

	.main-content.article {
		grid-template-areas: 
			". article article ."
		;
	}


	/* HEADER */

	.header {

		.header-nav {
			display: none;
		}
	
		.header-menu {

			.library-name {
				width: 100%;

				a {
					height: calc(100% - 24px);
					padding: 12px 0;

					.library-name-text {
						padding-right: 50px;
					}
				}
			}
		}
	}


	/* MENU SIDE */

	.main-content .menu-side {
		display: none;
	}



	/* Openhour: Guide-By-Library */

	.search-and-guide {

		padding: 100px 30px;

		/* SEARCH BOX */

		.search-box {
			flex-flow: column;
			align-items: center;
			width: 100%;
			min-width: 300px;

			.form-container {
				.form-container-box {
					.form-description {
						flex-wrap: wrap;
						justify-content: center;

						.form-description-links {
							justify-content: center;
						}
					}
				}
			}

			.guide-by-library {
				width: 100%;
				max-width: 660px;
				height: auto;
				min-height: 80px;
				padding: 10px 0;

				.library-box-container {
					flex-wrap: wrap;
				}

				.library-box {
					border: none;

				}
			}
		}
	}

	/* NEWS */

	.news {
		min-height: 600px;
		margin: 0 auto 20px;

		.news-container {

			ul.news-list {
				width: 98%;
				padding: 0 1%;
				line-height: 1.5rem !important;
				font-size: var(--font-size-text);
				border-top: 1px solid rgb(var(--color-mono-9));

				li {
					padding-top: 10px;
				}
			}
		}
	}


	/* FOOTER */

	.footer {

		/* Footer Address  */

		.address-box {
			width: 100%;

			.address-box-text {
				margin: 20px 20px 0;
			}
		}
	}
}