@charset "utf-8";

/*------------------------
response
------------------------*/

@media screen and (min-width: 1281px) {
	body{font-size:16px;}
	ul#shop_list li{width:25%;}\
}

@media screen and (min-width: 1920px) {
	body{font-size:18px;}
}

@media screen and (max-width: 1280px) {
	body{font-size:14px;}
	ul#shop_list li{width:33.33333%;width:-webkit-calc(100% / 3);/*width:calc(100% / 3);*/}
	@media (min-aspect-ratio: 1/1) {
		#MainCatch h2{
			font-size:150%;
		}
	}
}

@media screen and (max-width: 1024px) {
	ul#shop_list{margin:0 -1em;}
	ul#shop_list li{padding:1em;}

}

@media screen and (max-width: 959px) {
	#select .selector label{width:25%;}
	#select .selector label.wide{width:50%;}
}

@media screen and (min-width: 768px) {
	img.viewPC{display:block;}
	img.viewSP{display:none;}
}

@media screen and (max-width: 767px) {
	body{font-size:12px;}
	ul#shop_list li{width:50%;}
	img.viewPC{display:none;}
	img.viewSP{display:block;}
	#select .selector label.wide{width:50%;}
	ul.slider li.slick-slide .aspect:before {
	    content:"";
	    display: block;
	    padding-top: 152%;
	}

	.slick-arrow{
		width:0.40rem;
	}
}

@media screen and (max-width: 640px) {
	#select .selector label{width:33.33333%;width:-webkit-calc(100% / 3);/*width:calc(100% / 3);*/}
	#select .selector label.wide{width:100%;}
	.fullScreen h1.CatchCopy span{white-space:normal; display:block;}

	h2.MainCatch{
		font-size: 150%;
	}

	h2.MainCatch:before,
	h2.MainCatch:after{
		width:1rem;
		height:1rem;
	}

	h2.MainCatch a{
		padding:0 0 1rem;
	    line-height: 1.6;
	}

	.links {
	    margin: 2em auto 0;
	}
	
	ul#shop_text_list{
		margin:0 auto 3rem;
	}
	
	ul#shop_text_list li{
		margin:0 0 2.125em;
	}
	
	ul#shop_text_list li:before{
		top:130%;
	}
	
	ul#shop_text_list li:last-child:before{
		display:none;
	}
	
	ul#shop_text_list li a{
		display:block;
	}
	
	ul#shop_text_list li div{
		background:none;
	}
	
	ul#shop_text_list li div.ttl{
		padding:0;
		margin:0;
	}
	
	ul#shop_text_list li .brand{
		padding:0 0.75rem 0 0;
	}
	
	ul#shop_text_list li .shopName{
		padding:0;
	}
	
	ul#shop_text_list li div.contributor{
		padding:0;
		margin:0;
		text-align:left;
	}
	
	ul#shop_text_list li div.contributor span{
		display:inline-block;
	}

	ul#shop_text_list li .brand{
		font-size:66%;
	}

}

@media screen and (max-width: 480px) {
	/*ul#shop_list li{width:100%;}*/
	.fullScreen h1{font-size:240%;}
	.fullScreen h1.CatchCopy{font-size:240%;}
	.fullScreen h1.CatchCopy.sizeDown{font-size:220%;}
	#backReturn2 {left:1em; height:27px;}
ul#shop_text_list li div.ttl{font-size:115%;}
}

@media screen and (max-width: 359px) {
	body{font-size:12px;}
	footer ul li a{padding:0;}
	footer address {font-size: 9px;}
	.fullScreen h1{font-size:220%;}
	.fullScreen h1.CatchCopy{font-size:220%;}
	.fullScreen h1.CatchCopy.sizeDown{font-size:200%;}
}

@media screen and (max-width: 340px) {
	ul#shop_text_list li .shopName {font-size: 82%;}
}

@media screen and (max-height: 479px) {
	#menu_list ul li{margin:0;}
}

@media screen and (max-height: 400px) {
	.fullScreen h1.CatchCopy{font-size:180%;}
	.fullScreen h1.CatchCopy.sizeDown{font-size:160%;}
}

@media (max-aspect-ratio: 1/1) {

	header h1.mainLogo{
		top:45%;
		width: 66%;
		max-width:none;
		height:auto;
	}
	
	h2.newyearCopy{
		position:fixed;
		display:none;
		left:2rem;
		bottom:0;
		width:66%;
		/*max-height:40%;*/
		height:auto;
		transition:0s;
	}
	
	h2.mainLogo img,
	h2.newyearCopy img{
		width:100%;
		height:auto;
	}
	
	/*h2.newyearCopy img{
		max-width:100%;
		height:100%;
		max-height:100%;
	}*/
	
	footer address {
	    padding: 0 0 8em;
	}

}

@media (min-aspect-ratio: 16/9) {
	ul.slider li.slick-slide .aspect:before {
	    padding-top: 45%;
	}
}

@media (min-aspect-ratio: 2/1) {
	ul.slider li.slick-slide .aspect:before {
	    padding-top: 40%;
	}
}