@media only screen and (min-width: 640px) and (max-width: 1024px) {
	.logo {
		width: 45%;
	}

	.logo img {
		width: 4em;
	}

	.logo p {
		font-size: 1.5em;
		padding: 2vw 3vw;
		margin: 5px;
	}

	nav {
		display: flex;
		padding: 0 15px;
		align-items: center;
		width: 100%;
		height: var(--nav-height);
		background-color: #fff;
	}

	.nav-links {
		flex-direction: column;
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		background: var(--nav-background);
		margin-top: var(--nav-height);
		transition: 0.5s ease-out;
		padding: 29vh 0;
		font-weight: bold;
		background: #ccccccf7;
	}
	.nav-links li:hover{
		opacity: 0.5;
		transition: 1.0s ;
	}
	.nav-links li {
		height: var(--nav-height);
		line-height: var(--nav-height);
		text-align: center;
		width: 100%;
		display: block;
		font-size: 20px;
	}

	.menu {
		display: block;
		margin-left: auto;
		padding: 15px;
	}

	.menu.toggle + .nav-links {
		transform: translateX(-100%);
	}
	
	.aw_start_warp {
		width: 100%;
		margin: 150px auto;
	}
	
	.season_theme_warp{
		padding: 50px;
	}
	
	.theme {
		background-color: #fff;
		max-width: 1000px;
		margin: 0 auto;
		padding: 50px;
	}
	.contents_title {
		max-width: 1000px;
		margin: 100px;
		padding: 0;
		background-image: url(../img/25thlogo.svg);
		background-repeat: no-repeat;
		background-position: right;
	}
	.aw_start_warp img {
		max-width: 1000px;
		margin: 0px auto;
		text-align: center;
		padding: 50px;
	}
	.aw_start_warp_bk img {
		max-width: 1000px;
		margin: 0px auto;
		text-align: center;
		padding: 50px;
	}
	
	.contents_h1 {
		text-align: center;
	}
	.contents_h2 {
		text-align: center;
	}
	
	.flex_box_warp {
		width: 100vw;
		background-color: #f9f9f9;
		padding: 50px;
	}
	.flex_box img {
		width: 30vw;
		max-width: 327px;
		padding: 5px;
		text-align: left;
	}
	.flex_box_warp {
		width: 100vw;
		background-color: #f9f9f9;
		padding: 35px;
	}
	
	.btn_nb {
		background: #232323;
		margin: 50px;
		padding: 30px;
		border-radius: 3px;
	}
	
	.btn_nb img{
		max-width: 1000px;
		margin: 10px auto;
		text-align: center;
		padding: 10px;
	}

	.new_brends img{
		margin: 10px;
		padding: 10px;
		border-radius: 3px;
	}
}