@charset "utf-8";
@media (min-width: 320px) and (max-width: 520px) {
	
.topbg{
	display: none;
}

.topbg_ph{
	display: block;
	width: 100%;
}
	
	.toptitle{
		width: 85vw;
	}
	
	.topsubtitle{
		width: 30vw;
		top:49vw;
		left: 66vw;
		animation: float 3s ease-in-out infinite;
	}
	
	@keyframes float{
	0%,100%{
		transform: rotate(7deg) translateY(-5%);
	}
	50%{
		transform: rotate(7deg) translateY(5%);
	}
}
	
	.top_credit{
		width: 30vw;
		top:150vw;
		right: 3vw;
	}
	
	.second_top{
		height: 90vw;
	}
	
	.second_topwrapper{
		margin-left: 0;
		padding-top: 8vw;
		width: 82vw;
		margin: 0 auto;
	}
	
	.second_topwrapper h2{
		font-size: 5vw;
		line-height: 5.8vw;
		text-align: center;
	}
	
	.second_topwrapper p{
		padding-top: 4vw;
		font-size: 4vw;
		letter-spacing: 0.6vw;
		line-height: 4.5vw;
	}
	
	.second_topimg1{
		width: 15vw;
	}
	
	.second_topimg2{
		width: 10vw;
		right: 7vw;
	}
	
	.second_topimg3{
		width: 7vw;
		top:5vw;
	}
	
	.second_topimg4{
		width: 8vw;
		top:88vw;
		right: 35vw;
	}
	
	.second_topimg5{
		width: 8vw;
		top:88vw;
	}
	
	.second_topimg6{
		width: 17vw;
		top:66vw;
		right:0vw;
	}
	
	.second_topimg7{
		width: 30vw;
		top:87.5vw;
	}
	
	.phnone{
		display: none;
	}
	
	.pcnone{
		display: block;
	}
	
	.main_lineup h2{
		font-size: 5vw;
	}
	
	.main_lineup p{
		font-size: 3vw;
	}
	
	.aaa{
		flex-direction: column; /* 縦並び */
	}
	
	.productimg1,.productimg2,.productimg3{
		height: 45vw;
	}
	
	.product_img_outer{
		padding-top: 6vw;
	}
	
	.btn1,.btn3{
		display: none;
	}
	
	.btnph{
		display: block;
		width: 30vw;
		padding-top: 1vw;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		z-index: 3;
	}
	
	.price{
		font-size: 3vw;
		position: relative;
		z-index: 5;
	}
	
	.price_bold{
		font-size: 5vw;
	}
	
	.main_lineup{
		height: 230vw;
	}
	.main_lineupimg1{
		width: 30vw;
		right: 2vw;
		top:10vw;
	}
	
	.main_lineupimg2{
		width: 15vw;
		top:40vw;
	}
	
	.main_lineupimg4{
		width: 15vw;
		top:100vw;
	}
	
	.main_lineupimg5{
		width: 20vw;
		top:130vw;
		z-index: 0;
	}
	
	.main_lineupimg6{
		width: 25vw;
		top:180vw;
	}
	
	.main_lineupimg7{
		width: 23vw;
		top:195vw;
	}
	
	.main_lineupimg8{
		width: 30vw;
		top:225vw;
	}
	
	.popup-wrapper{
		display: none;
	}
	
	.alllineup{
		height: 175vw;
	}
	
	.alllineup h2{
		font-size: 5vw;
		line-height: 9vw;
		padding-top: 6vw;
	}
	
	.alllineup_img01{
		width: 25vw;
		left: 1vw;
	}
	
	.alllineup_img02{
		width: 45vw;
		top:38vw;
		left: -10vw;
		opacity: 0.8;
	}
	
	.alllineup_img03{
		width: 40vw;
		top:92vw;
		opacity: 0.8;
	}
	
	.alllineup_img04{
		width: 45vw;
		top:146vw;
		opacity: 0.8;
	}
	
	.alllineup_img05{
		width: 13vw;
	}
	
	.alllineup_img06{
		width: 7vw;
		top:68vw;
		opacity: 0.8;
	}
	
	.alllineup_img07{
		width: 14vw;
		top:101vw;
		right: 10vw;
		opacity: 0.8;
	}
	
	.alllineup_img08{
		width: 12vw;
		top:111vw;
		opacity: 0.8;
	}
	
	.year{
		font-size: 8vw;
	}
	
	.popup-group{
		gap: 0;
	}
	
	.morebtn{
		display: none;
	}
	
	.morebtnph{
		display: block;
		width: 33vw;
	}
	
	.animals1{
		width: 20vw;
		left: 7vw;
	}
	
	.animals2{
		width: 30vw;
		left: 30vw;
	}
	
	.animals3{
		width: 32vw;
		left: 64vw;
		top:20vw;
		transform: rotate(18deg);
	}
	
	.animals4{
		width: 19vw;
		top:44vw;
		left: 63vw;
		transform: rotate(158deg) scaleY( -1);
	}
	
	.animals5{
		width: 22vw;
		top:46vw;
		left: 40vw;
		transform: rotate(16deg) scaleX(-1);
	}
	
	.animals6{
		width: 25vw;
		top:54vw;
		left:10vw;
	}
	.animals7{
		width: 30vw;
		top: 75vw;
		left: 5vw;
		transform: rotate(13deg);
	}
	
	.animals8{
		width: 19vw;
		top:87vw;
		left:40vw;
		transform: scaleX(1);
	}
	
	.animals9{
		width: 16vw;
		top:87vw;
		left:66vw;
		transform: scaleX(1);
	}
	
	.animals10{
		width: 13vw;
		top:108vw;
		left:80vw;
	}
	
	.animals11{
		width: 28vw;
		top:117vw;
		left:48vw;
		transform: scale(-1,1);
	}
	
	.animals12{
		width: 30vw;
		top:117vw;
		left:13vw;
		transform: scale(-1,1) rotate(7deg);
	}
	
	.popup-inside{
		height: 170vw;
	}
	
	.popupbg{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.popupimg{
		width: 21vw;
		margin: 3vw 0;
	}
	
	.comingsoon{
		display: none;
	}
	
	.comingsoonph{
		display: block;
		width: 65vw;
		border-radius:60px;
		margin-top: 30vw;
	}
	
	.close{
		font-size: 6vw;
	}
	
	
	.mitsubishi{
		height: 92vw;
	}
	
	.mitsubishi h2{
		font-size: 5vw;
		line-height: 9vw;
	}
	
	.mitsubishibg03{
		width: 36vw;
		top:88vw;
		left:-5vw;
	}
	
	.mitsubishibg04{
		top:108vw;
	}
	
	.mitsubishibg07{
		top:56vw;
		left:54vw;
	}
	
	.mitsubishibg08{
		top: 96vw;
		left:4vw;
	}
	
	.mitsubishibg09{
		width: 8vw;
		top:87vw;
		left:75vw;
	}
	
	.detail_wrapper{
		width: 80vw;
	}
	
	.mitsubishi_detail{
		padding-top: 1vw;
		font-size: 2.8vw;
	}
	
	.mitsubishi_about{
		margin-top: 4vw;
	}
	
	.goldcard{
		width: 74vw;
	}
	
	.mitsubishi_about dd{
		font-size: 2.8vw;
	}
	
	.mitsubishi_figure{
		width: 80vw;
		padding-top: 3vw;
	}
	
	.sns{
		height: 27vw;
	}
	
	.sns h2{
		font-size: 5vw;
	}
	
	.sns__list dd img{
		width: 11vw;
		margin-top: 0.3vw;
	}
	
	.footer-logo{
		width: 30vw;
	}
	
	.footer-nav a {
		font-size: 3.3vw;
	}
	
	.footer p{
		font-size: 2vw;
	}
}
/* CSS Document */