@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 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%;}
}

@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;}
}

@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;}

}

@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-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%;}
}