@charset "UTF-8";

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


	/* MAIN CONTENTS */

  .header {
		.header-menu {
			.select-library {
				display: none;
			}
		}
  }

	/* Openhour: Guide-By-Library */

	.search-and-guide {
		padding: 80px 30px;
		
		/* SEARCH BOX */

		.search-box {

			.guide-by-library {
				max-width: 480px;

				.library-box-container {
					gap: 10px;

					.library-box {
						max-width: none;

						.name-and-openhour {
							
							h3 {
								width: auto;
								margin: 0;
							}

							.openhour-schedule {
								max-width: 240px;
							}
						}
					}
				}
			}
		}
	}

	/* Search Box */
	/* searchBox */

	.search-form {
		height: auto;
		flex-wrap: wrap;
		row-gap: 10px;

	}

	/* NEWS */

	.news {

		.news-container {
			
			label {
				width: 98%;
			}

		}
	}


	/* FOOTER */
	.footer {

		/* Footer Ad Banners  */

		.advertise-box {
		
			.ad {
				padding: 60px 20px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-evenly;
				align-content: flex-start;

				.banner {
					margin: 10px 5px;
					padding: 5px 10px;
				}

				img {
					width: 140px;
				}
			}
		}
		.footer-box {

			/* Footer Sitemap  */

			.sitemap-box {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-evenly;
				min-width: 0;

				.sitemap-items {
					flex-basis: 250px;
				}
			}
		}
	}

}