@media (max-width:1024px) {


	.top-wrapper {
		padding:50px 0 0 0px;
		width:100%;
	}

	.first-message {
		position: absolute;
		top:50%;
		left:45%;
		z-index: 1;
		font-size:5vw;
		}
	.aozora-candle{
	text-align: center;
	padding-top: 100px;
	font-size:5vw;
	}

	.aozora-logo{
	object-fit: contain;
	width: 50%;
	height: auto;
	}
	

	

	.product-wrapper{
		display:flex;
        flex-wrap:wrap;
        justify-content: space-around;
		padding-bottom: 0px;
	  }

	  .products{
		  width:50%;
		  padding-bottom: 50px;
		  font-size:3vw;
	  }

	  .order a{
		width: 50%;
		font-size:3vw;
	   }

	   .space-title{
		font-size:5vw;
	  }



	  .space-container{
		display:flex;
		flex-direction: column;
		width: 100%;
	  }

	  .space-container img{
		object-fit: contain;
		width: 100%;
		height: auto;
	  }

	  .space-text{
		  padding-top: 20px;
		  font-size:3vw;
	  }
	  
	  .GALLERY a{
		width: 50%;
		font-size:3vw;
	  }
	  

	  .slide-wrapper{
		height:70vh;
	  }

	  .content{
		width: 80%;
	  }

	  .artist-title{
		font-size:5vw;
	  }  

	  .artist img {
		width: 50%;
	  }
	  
	  .artist p {
		font-size:3vw;
		}

	.ask-title{
	font-size:5vw;
	}
		  
	.ask-wrapper p{
		font-size:3vw;
	}

	.yurulogo{
  
		object-fit: contain;
		width: 40%;
		height: auto;
		}
	  
		.paozora-content{
			width: 100%;
			height:auto;
			}
			  
		.paozora-content img{
			object-fit: contain;
			margin: auto;
			width: 100%;
			height:auto;
			}

		.paozora-content p{
			font-size:2vw;
			}
			  
		#close-aozora{
			width: 10%;
			height:auto;
			font-size:1vw;
			  
			  }

			  .pyozora-content{
				width: 100%;
				height:auto;
				}
				  
			.pyozora-content img{
				object-fit: contain;
				margin: auto;
				width: 100%;
				height:auto;
				}
			.pyozora-content p{
				font-size:2vw;
				}
				  
			#close-yozora{
				width: 10%;
				height:auto;
				font-size:1vw;
				  
				  }
	


				  .pasazora-content{
					width: 100%;
					height:auto;
					}
					  
				.pasazora-content img{
					object-fit: contain;
					margin: auto;
					width: 100%;
					height:auto;
					}
				.pasazora-content p{
					font-size:2vw;
					}
					  
				#close-asazora{
					width: 10%;
					height:auto;
					font-size:1vw;
					  
					  }



					  .pholder-content{
						width: 100%;
						height:auto;
						}
						  
					.pholder-content img{
						object-fit: contain;
						margin: auto;
						width: 100%;
						height:auto;
						}
					.pholder-content p{
						font-size:2vw;
						}
						  
					#close-holder{
						width: 10%;
						height:auto;
						font-size:1vw;
						  
						  }


					.slide-wrapper{
					    width: 100%;
						height:auto;
			            }

					.slide img {
						object-fit: contain;
						width: 80%;
						height: auto;
						}

					.index-btn-wrapper {
						font-size:2vw;
						}

						#close-slide{
							width: 15%;
							height:auto;
							font-size:1vw;
							}

							.content{
 							 width: 100%;
							 border-radius: 4px;
							 font-size:2vw;
							  }
							  


							#close-poli{
							width: 15%;
							height:auto;
							font-size:1vw;
								  
								  }



  }
















  @media (max-width:670px) {


	
	.top-wrapper {
		background-image: url(image/top_sumaho-2.jpg);
		background-size: cover;
		height:600px;
		}

	.first-message {
		font-size:7vw;
		font-weight: bold;
		top:50%;
		left:18%;
		}


	.first-image{
		display:none;
	}
		

	.aozora-logo{
		object-fit: contain;
		width: 75vw;
		height: auto;
			}

	.aozora-candle{
font-size:7vw;
				
	 }


	.product-wrapper{
	display:flex;
	flex-direction: column;
	
	}
	
	.products{
		width:100%;
		font-size:5vw;
	}

	.order a{
		width: 90%;
		font-size:5vw;
	   }
	
	.space-title{
		font-size:6vw;
	  }
	
	.space-container{
		display:flex;
		flex-direction: column;
		width: 100%;
	  }
	  
	.space-container img{
		object-fit: contain;
		width: 100%;
		height: auto;
	  }

	  .space-text{
		padding-top: 20px;
		font-size:5vw;
	}
	
	.GALLERY a{
		width: 90%;
		font-size:5vw;
	  }


	  .artist-title{
		font-size:7vw;
	  }  

	  .artist img {
		width: 70%;
	  }
	  
	  .artist p {
		font-size:5vw;
		padding-top: 0px;
		padding-bottom: 50px;  
		}

	  .instagram-media{
		width:414px !important;
		max-width: 100% !important;
		min-width: initial !important;
		 }
		
	 .ask-title{
		font-size:7vw;
		}
				  
	 .ask-wrapper p{
		font-size:5vw;
		}
		

	  .mission{
		font-size:4vw;
	  }


	  .yurulogo{
  
		object-fit: contain;
		width: 50%;
		height: auto;
		}

		

	.paozora-content p{
		font-size:3vw;
		}
			  
	#close-aozora{
		width: 20%;
		height:auto;
		font-size:1vw;
			  
		}

		.pyozora-content p{
			font-size:3vw;
			}
				  
		#close-yozora{
			width: 20%;
			height:auto;
			font-size:1vw;
				  
			}

			.pasazora-content p{
				font-size:3vw;
				}
					  
			#close-asazora{
				width: 20%;
				height:auto;
				font-size:1vw;
					  
				}

				.pholder-content p{
					font-size:3vw;
					}
						  
				#close-holder{
					width: 20%;
					height:auto;
					font-size:1vw;
					}

					.slide img {
						object-fit: contain;
						width: 100%;
						height: auto;
						}

					.index-btn {
						width: 10%;
						}

					#close-slide{
						width: 20%;
						height:auto;
						font-size:1vw;
							  
						}

					.content{
						padding: 10px;
						border-radius: 4px;
						font-size:1vw;
						}
						  

					#close-poli{
						width: 20%;
						height:auto;
						font-size:1vw;
								  
							}


  }